CodexでWebサイトを作れる教材を提供します

「AIでWebサイトを作ってみたい。でも、何から始めればいいのか分からない。」 そんなプログラミング初心者向けに作った、OpenAI Codex × Next\.jsの実践教材です。 この教材では、コードを最初から自分ですべて書くのではなく、用意されたプロンプトをCodexへ入力し、表示される質問に答えながらWebサイトを作っていきます。 環境準備からサイト設計、ページ制作、ブログ・お知らせ機能、GitHubへの保存、Vercelでの公開までをPhase形式で順番に進めます。 最終的なゴールは、 「勉強した」で終わることではなく、 **自分のWebサイトをひとつ完成させて、実際に公開すること。** プログラミング未経験でも、画面を確認しながら一工程ずつ進められる構成です。 【教材の進め方】 プロンプトを入力 ↓ Codexが実装 ↓ ブラウザで完成イメージを確認 ↓ 必要に応じて修正 ↓ 次のPhaseへ 環境準備からサイト設計、デザイン、ページ制作、ブログ・お知らせ機能、最終確認、GitHub・Vercelを利用した公開まで、Phaseごとに順番に進めます。 【この教材で学べること】 ・Codexを使ったAIコーディング ・Next.jsを使ったWebサイト制作 ・サイト構成やデザインの考え方 ・ページやコンテンツの追加方法 ・画像や文章の差し替え ・ブログ、お知らせページの制作 ・エラー発生時の確認と修正 ・GitHubを使ったコード管理 ・Vercelを使ったWebサイト公開 完成後のソースコードには、日本語コメントも入れているため、完成したサイトを見ながらコードの役割を確認できます。 【こんな方におすすめ】 ・プログラミングをこれから学びたい方 ・AIコーディングを体験してみたい方 ・Codexを使ってみたい方 ・自分のホームページを作りたい方 ・ポートフォリオや企業サイトを作ってみたい方 ・AIに作らせるだけでなく、Web制作の流れも学びたい方 企業サイト、個人サイト、ポートフォリオ、LP、採用サイト、商品紹介サイトなどに応用できます。 【お渡しするもの】 教材本体、制作に使用するプロンプト、Webサイト制作に必要なテンプレートや各種資料などを、ZIP形式にまとめてお渡しします。 完成イメージについては、商品画像に掲載している制作サンプルをご確認ください。 【利用について】 本教材を使って完成させたWebサイトは、商用利用や顧客への納品にもご利用いただけます。 ただし、教材・プロンプト・テンプレートそのものの再配布、販売、転載はご遠慮ください。 ※お問い合わせフォーム、EC機能、ログイン・会員機能、データベース連携などは本教材の対象外です。 ※PC、OpenAI Codexなど、制作に必要な利用環境は別途ご用意ください。 ※外部サービスで料金が発生する場合、その費用は本サービス料金には含まれません。 この教材で大切にしているのは、「AIに全部作らせて終わり」にしないことです。 AIの力を借りながら自分のWebサイトをひとつ完成させ、その過程でWeb制作やプログラミングに少しずつ触れていく。 まずは「自分で作ったサイトを公開できた」という体験を目指して進めていただけます。