AIでWebサイト制作を学べる教材を提供します

AIを使いながら、自分のWebサイトを実際に作ってみませんか？ 本サービスは、OpenAI CodexとNext.jsを使い、Webサイトを「実際にひとつ完成させて公開する」ところまで進める実践型のWeb制作教材です。 プログラミングの知識を読むだけではなく、教材に用意されたプロンプトをCodexへ入力し、質問に答えながらAIと一緒にサイトを作っていきます。 コードを一からすべて自分で書く必要はありません。 各工程で実際の画面を確認しながら進めるため、プログラミング未経験の方でも「今、何を作っているのか」を確認しながら学べる構成にしています。 【教材の進め方】 プロンプトを入力 ↓ 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制作やプログラミングに少しずつ触れていく。 まずは「自分で作ったサイトを公開できた」という体験を目指して進めていただけます。