AIで作る売れるウェブサイト：ホームページ・ランディングページ・AI Agent基盤のCMSまで実務制作

AI画像・動画生成ツールとバイブコーディングを活用し、ホームページ、ランディングページ、インタラクティブウェブサイト、AI AgentベースのCMSまで、実務ですぐに応用可能なウェブ制作のフローを学びます。 この講義は、単にAIで画面を一つ作ってみるだけの講義ではありません。OpenAI Images 2.0、Kling、Higgsfieldなどの最新AIツールで画像や動画を生成し、それを実際のウェブサイトのヒーロー画像、背景動画、トランジション動画、インタラクションアセットとして活用するプロセスを扱います。 Next.jsをベースに、シネマティックなランディングページ、ゲーム型インタラクティブホームページ、問い合わせページ、ブログコンテンツページを段階的に実装し、実務者がホームページやランディングページを制作する際にそのまま参考にできる構造とフローを習得します。 特にこの講義では、伝統的な管理者ページ形式のCMSだけにこだわりません。Codex、Claude CodeのようなAI Agentが、決められたスキルやアップロードルールを参考にコンテンツと画像アセットを整理し、Neon DBとVercel Blob StoreにアップロードするAI AgentベースのCMS構造を実装します。 つまり、管理者が直接フォームに一つずつ入力する方式ではなく、ブログのテーマや参考資料、画像アセットを渡せば、AI Agentがコンテンツ構造を整理し、一貫したフォーマットでアップロードできる運営方式を体験します。その後、必要に応じてこの構造を伝統的な管理者ページ、承認ワークフロー、自動化パイプラインへと高度化させることができます。 また、制作で終わるのではなく、Vercelへのデプロイ、GoDaddyドメインの接続、SEOメタタグ、favicon、OG画像、sitemap、robots.txtの設定まで、実際の運営に必要な要素を共に準備します。 Googleサーチコンソール、Bingウェブマスターツール、Naverサーチアドバイザーにサイトを登録して所有権を認証するプロセス、Google AnalyticsとGoogle Tag Managerをセットアップして訪問者データを追跡する方法も併せて扱います。 講義が終わる頃には、AIを活用した企画、画像・動画アセット制作、Next.js実装、SEO最適化、デプロイ、検索エンジン登録、分析ツール設定、AI Agentベースのコンテンツ運営までつながる実務型のウェブ制作フローを、自ら再現できるようになります。