🎵 バイブコーディング入門 — AIに"ノリ"で開発させる新時代の開発スタイル
バイブコーディングとは何か
「バイブコーディング（Vibe Coding）」——この言葉を聞いたことはあるでしょうか。
バイブコーディングとは、AIエージェントに自然言語で指示を出し、コードの生成・ファイル管理・ビルド・デプロイまでをAI主導で行う開発スタイルです。開発者はコードを手で書く代わりに、「こういうものが欲しい」というビジョン（=バイブ）をAIに伝える役割を担います。
従来のプログラミングが「How to Write（どう書くか）」だったのに対し、バイブコーディングは「How to Tell（どう伝えるか）」と「How to Verify（どう検証するか）」にシフトしています。
🆚 従来開発との違い
| 項目 | 従来の開発 | バイブコーディング |
|---|---|---|
| コードの作成者 | 人間が全行書く | AIが生成、人間がレビュー |
| 必要な力 | 書く力・暗記力 | 伝える力・判断力 |
| 開発速度 | 数週間〜数ヶ月 | 数時間〜数日 |
| エラー対応 | 自分でデバッグ | AIに状況を伝えて修正依頼 |
| 学習コスト | 言語の文法・フレームワーク | AIへの指示の出し方 |
もちろん、プログラミングの知識はゼロでいいわけではありません。AIが生成したコードが正しいかどうかを判断するには、技術的な理解が必要です。しかし、「一行一行を手で書く能力」から「全体設計を伝え、結果を検証する能力」へと、求められるスキルの重心が移動しているのは確かです。
🎯 実体験：手で書いたコード0行でWebサービスを作った
私はバイブコーディングで「Gravity Portal」というWebサービスを構築しました。パチンコ期待値計算ツール、ブログ、決済システム——すべてをAIとの対話だけで実装しました。
プロジェクトの規模
| 項目 | 数値 |
|---|---|
| 開発期間 | 約1週間 |
| 手で書いたコード | ほぼ0行 |
| 搭載ツール数 | 5つ |
| 機種データ | 1064機種 |
| 技術スタック | Next.js / TypeScript / Stripe / Clerk / Supabase |
| 月額課金 | ¥580/月（Stripe決済） |
これだけの規模のサービスを、従来の手書き開発で1週間で作るのはまず不可能です。バイブコーディングだからこそ実現できました。
💬 バイブコーディングの実際のやり取り
具体的にどんな感じでAIと会話するのか？ いくつかの実例を紹介します。
例1：技術スタックの選定
「個人ポータルサイトを作りたい。ブログ、有料ツール、決済機能が必要。最適な技術スタックを提案して」
AIがTailwindCSS、Prisma、NextAuth.jsなどの「定番セット」を提案 → 精査して不要なものを削除 → シンプルな構成に最適化。
例2：機能実装
「パチンコの期待値を計算するAPIを作って。大当り確率、継続率、出玉数、遊タイム、交換率を入力として受け取り、1回転あたりの期待値を返す」
AIが計算ロジックを生成 → 結果を検証 → 修正を指示 → 完成。
例3：バグ修正
「スマホで見ると右端が切れる。画面幅に収まるように修正して」
AIがCSSを修正 → ブラウザで確認 → 完了。
どのケースでも、私が書いたのは自然言語の指示だけです。コードはAIが書き、私がレビューする。この繰り返しです。
🧠 バイブコーディングで「人間」がやるべきこと
「AIが全部やってくれるなら、人間は何するの？」と思うかもしれません。実は、人間の役割はむしろ増えています。
1. 設計判断
「何を作るか」「何を作らないか」を決めるのは人間です。AIは「どうやって作るか」には強いですが、「なぜ作るか」は人間にしか答えられません。
2. ドメイン知識の提供
パチンコの期待値計算式、Uber配達の戦略——こうした専門知識は人間が持っています。AIは汎用的な実装は得意ですが、業界固有のロジックは人間が教える必要があります。
3. 品質管理
AIが生成したコードが本当に正しいか？ を検証する作業です。特に決済やセキュリティ関連のコードは、人間の目で確認することが不可欠です。
4. ルール設計
AIは時に暴走します。ルールを無視したり、確認なしにデプロイしたり。こうした問題を防ぐためのガードレール（安全装置）を設計するのも人間の重要な仕事です。
⚠️ バイブコーディングの落とし穴
バイブコーディングは万能ではありません。1週間の開発で学んだ3つの落とし穴を紹介します。
落とし穴1：AIは「忘れる」
AIにはコンテキストウィンドウという記憶の限界があります。長い会話の後半になると、序盤で決めたルールを忘れてしまう。私の場合、AIが「pushは確認してから」というルールを忘れて勝手にデプロイし、$2.50のVercelビルド費を無駄にする事故が発生しました。
対策： 重要なルールはファイルに書き出し、毎回読み込ませる「スキルシステム」を構築。
落とし穴2：AIの「やりました」を信じるな
AIは「ファイルを保存しました」「ログを記録しました」と報告しますが、実際にはファイルが存在しなかったケースが複数回ありました。AIは嘘をつく意図はありませんが、「やったつもり」になることがあります。
対策： AIの報告は鵜呑みにせず、必ず物理的に確認する。「信頼するな、検証しろ」がバイブコーディングの鉄則。
落とし穴3：「シンプルな機能」ほど危険
「これくらいなら計画書はいらないだろう」とAIが自己判断し、確認なしで実装に突入した結果、1セッションで7つのルール違反が発生しました。シンプルに見える機能ほど、裏では複数のシステムが絡み合っていることが多い。
対策： どんなに小さな実装でも「計画→承認→実行」のプロセスを省略しない。
🚀 バイブコーディングを始めるには
必要なもの
- AIコーディングアシスタント — Gemini、Claude、ChatGPT等のAIエージェント。長時間の開発にはPro/Ultra相当のプランが推奨
- プログラミングの基礎知識 — コードを書く必要はないが、読んで理解する力は必要
- 「何を作りたいか」の明確なビジョン — AIは「なぜ作るか」には答えられない。人間がビジョンを持つことが最重要
最初のステップ
- 小さなプロジェクトから始める — いきなり大規模なものは作らない。まずは簡単なWebページやツールから
- AIに「相談」する癖をつける — 「これってどうすればいい？」と気軽に聞く。AIは疲れないし、怒らない
- 失敗をルール化する — バグが出たら、次回AIが同じ失敗をしないようにルールとして記録する
📊 バイブコーディングの効果（実績ベース）
| 指標 | 従来想定 | バイブコーディング実績 |
|---|---|---|
| Webサービス構築 | 数ヶ月 | 1週間 |
| 1000機種のデータ収集 | 数日〜数週間 | 半日 |
| 決済システム統合 | 数日 | 数時間 |
| ブログ+自動投稿 | 数日 | 半日 |
| 手書きコード量 | 数千行 | ほぼ0行 |
💡 まとめ：コードを「書く」時代から「伝える」時代へ
バイブコーディングは、プログラミングを民主化する技術革新です。
コードを1行も書けなくても、「何を作りたいか」を明確に持ち、AIに的確に伝え、結果を検証する力があれば、プロダクトを生み出せる時代が来ています。
もちろん、AIは完璧ではありません。忘れるし、暴走するし、嘘もつく（つもりなく）。だからこそ人間のレビューと判断が不可欠です。
でも、一人で、1週間で、認証・決済・ブログ・有料ツールを統合したWebサービスを作れた事実は変わりません。
これからの開発者に求められるのは——
- ビジョンを描く力（何を作るか）
- AIに伝える力（どう指示するか）
- 検証する力（本当に正しいか）
- システムを設計する力（AIを安全に運用する仕組み）
コードを書く時代は終わりつつあります。バイブを伝える時代が、もう始まっています。
📌 関連記事
このブログでは、バイブコーディングでWebサービスを構築した1週間の全記録を公開しています。
- Day 1: 構想とNext.jsセットアップ
- Day 2: パチンコ期待値計算ツールの実装
- Day 3: ブログ機能と収益化（Stripe + 広告）
- Day 4: AIの記憶の限界 — コンテキストウィンドウとの戦い
- Day 5: AIが暴走した日 — ルール違反と信頼の再構築
完全版——裏話、具体的な設定値、失敗のリカバリー手順まで含めた詳細版は、Noteで公開中です。