📝 エピソード概要
本エピソードは、プログラミング知識が全くない人でも、わずか3,000円(月額費用)から最短1日でウェブサイトを自作できる「バイブコーディング(雰囲気コーディング)」の手法を解説します。
ChatGPTやClaude Codeといった進化したAIツールと無料のエディターアプリWindsurfを組み合わせることで、自然言語での指示だけでサイト構築が可能です。高額な制作費をかけずに、店舗や個人のサイトを迅速に立ち上げ、GitHubとVercelを利用して公開する具体的な手順を紹介しています。
🎯 主要なトピック
- バイブコーディングの概念と可能性: プログラミング知識がなくてもAIを使ってホームページなどを作成できる手法。60代の初心者でも実際に作成できた事例があり、高額な制作コストを回避できる。
- ステップ1:必要なツールの契約と準備: ChatGPT(Proプラン/約3,000円)またはClaude Codeを契約し、無料アプリWindsurfをインストール。Windsurf内でAIのコーディング特化機能(Codexなど)を起動する。
- ステップ2:自然言語によるサイト作成: AIに対し、自然言語や「いい感じに」といった指示でデザインや構造を依頼。最近ではサイトのスクリーンショットをAIに貼り付けてデザインを再現依頼できるようになった。
- ステップ3:サイトの公開(デプロイ)設定: 作成したサイトを一般公開するため、GitHubとVercelのアカウントを作成。AIに依頼することで、これらのサービスを通じてサイト情報をアップロードし、デプロイ(公開)できる。
- 最新AI/スキルを学ぶコミュニティの紹介: 生涯現役を目指すフリーランス向けに、AIなどの最新技術を毎月2,200円で学べるサブスクリプションコミュニティの立ち上げを告知。
💡 キーポイント
- バイブコーディングは、高度なプログラミング言語を理解していなくても、AIを「有能なプログラマー」として活用する手法である。
- ホームページ制作において、従来の「2〜30万円+メンテナンス費用」といったコストを大幅に削減し、自分でコントロールできる。
- AIツール(特にClaude Code)が進化し、画面のスクショを直接チャット欄に貼り付け、デザインやエラー処理を依頼できるほど利便性が向上した。
- 独自ドメインを取得しサイトを公開するには、Vercelで月額料金(約1,000〜2,000円)を支払うことで簡単に設定できる。
- サイト制作の流れを一度習得すれば、慣れた後には1日で複数のサイトを制作することも可能になる。

