バイブコーディング入門
プログラミングをしたことがない人のための、バイブコーディングの入門講座です。作りたいものをふだんの言葉でAIに伝え、ブラウザのAIチャット（ChatGPT や Claude）だけで、小さなアプリを1つ作り上げます。 題材は「今日の気分で選ぶレシピ診断」。作りたいものを3行にまとめる書き方、お願いの文章の作り方、思ったのと違うときやエラーが出たときの直してもらい方、できたものを人に見せる方法までを、図とアニメーションで6レッスンにまとめました。 コードは読めなくても大丈夫です。最後に、次に学ぶ講座（Claude Code入門・ChatGPT Codex入門）も紹介します。
こんな悩みを、この講座で解決します
はじめての方がつまずきやすいところを、レッスンの順番で1つずつほどいていきます。
作りたいものはあるのに、どう伝えればいいか分からない
レッスン3で、「何を・誰のために・どう動く」の3行テンプレートを使い、AIに伝わるお願いの土台を作ります。
道具がたくさんあって、どこで始めればいいか迷う
レッスン2で、ふだん使うChatGPTやClaudeのチャットから始めます。AIが書いたHTMLをファイルにして、ブラウザで開くところまでを体験します。
エラーが出ると、何をすればいいのか分からなくなる
レッスン5で、「どこで・何をしたら・どうなった・本当はどうしてほしい」の4つとスクショで、伝わる直し方を身につけます。
作ったものを、どうやって人に見せればいいか分からない
レッスン6で、録画・ファイル・公開の3つの見せ方と、公開前に確かめることを学びます。
この講座について
プログラミングをしたことがない人のための、バイブコーディングの入門講座です。
バイブコーディングは、コードを書かずに、作りたいものをふだんの言葉でAIに伝えて作るやり方です。ブラウザのAIチャットから始めて、「今日の気分で選ぶレシピ診断」を自分のパソコンで動かすところまで進めます。
思ったのと違うときやエラーが出たときの直し方、できたものを人に見せる方法まで、6つのレッスンで学びます。
カリキュラム
- 1バイブコーディングってなに？コードを書かずに、作りたいものを言葉で伝えて作る。流れと、あなたとAIの役目、この講座で作るものを知る。
- 2どこで始める？ ブラウザのAIチャットからChatGPT や Claude で最初のお願いを送り、AIが書いたHTMLをファイルにしてブラウザで開く。慣れたら Cursor や Claude Code へ。
- 3作りたいものを3行の言葉にする「何を・誰のために・どう動く」の3行テンプレートで、AIに伝わるお願いの土台を作る。
- 41つ目を作る：今日の気分で選ぶレシピ診断3行からお願いの文章を作って送り、レシピ診断アプリを自分のパソコンで動かす。
- 5直してもらう：思ったのと違う・エラーが出たとき「どこで・何をしたら・どうなった・本当はどうしてほしい」の4つとスクショで、伝わる直し方を身につける。
- 6できたものを人に見せる・次の一歩録画・ファイル・公開の3つの見せ方と、公開前に確かめること。次は Claude Code入門・ChatGPT Codex入門へ。
よくある質問
コードがまったく読めなくても大丈夫ですか？
はい。コードを書くのはAIです。あなたは作りたいものを言葉にして、できたものを動かして確かめます。
どのAIを使えばいいですか？
ChatGPTやClaudeなど、ブラウザで使えるチャット型のAIから始めます。料金やプランは変わることがあるので、それぞれのサービスの案内で確かめてください。
講座が終わったら、次は何を学べばいいですか？
もっと本格的に作りたい方は、ClaudeCode入門やChatGPT Codex入門へ進むと、パソコンの中のファイルをAIに直接作ってもらえるようになります。
受講するには、どうすればいいですか？
この講座は、Skillhubのプレミアムサービスの会員が受講できます。ページの「プレミアムサービスで受講する」から、内容を確かめてください。