はじめに
2025年2月にOpenAI共同創業者のアンドレイ・カルパシー氏が「Vibe Coding」を提唱してから約1年。
僕はこの期間、バイブコーディングで80種類以上のWebツール・ゲーム・業務アプリを作ってきました。
この記事では、実際に半年以上バイブコーディングを使い続けてわかった「ここまでできる」と「ここは無理」のリアルな境界線をお伝えします。
自己紹介
SES事業を運営している傍ら、AsoventureというWebサービス群を個人で開発・運営しています。80個以上のブラウザツール・ゲーム・診断サービスなど、すべてバイブコーディングで作りました。
バイブコーディングでできたこと
✅ 1. 便利ツール系は最強
| ツール例 | 開発時間 | 従来見積もり |
|---|---|---|
| 割り勘計算ツール | 15分 | 2〜3日 |
| QRコード生成器 | 20分 | 1〜2日 |
| 文字数カウンター | 10分 | 半日 |
| パスワード生成器 | 30分 | 1日 |
| 馬名ジェネレーター | 1時間 | 3〜5日 |
圧倒的な速度差です。HTML/CSS/JSで完結するツールなら、バイブコーディングの独壇場。
✅ 2. LP(ランディングページ)もいける
「こういうデザインで」と参考サイトのURLを渡せば、30分〜1時間でかなりクオリティの高いLPが出来上がります。
✅ 3. ブラウザゲーム・インタラクティブコンテンツ
Canvas + JSを使ったミニゲームや診断コンテンツも問題なく作れます。実際に以下のようなものを制作しました:
- 性格診断サービス(5問回答→AI分析)
- ブラウザ将棋崩し
- 神経衰弱ゲーム
- RPG風キャリア診断
✅ 4. 管理画面・ダッシュボード
Supabase + Next.jsの組み合わせで、認証付きの管理画面も作れました。ただし後述する「限界」にかなり近い領域です。
バイブコーディングの限界
❌ 1. ファイル数が増えると破綻する
これが最大の壁です。
1〜3ファイル → 快適
4〜10ファイル → なんとかなる
11〜20ファイル → かなり苦しい
20ファイル以上 → ほぼ破綻する
理由は明確で、AIのコンテキストウィンドウに全ファイルが収まらなくなるから。修正指示を出すと、別のファイルとの整合性が崩れます。
対処法:
- 1ファイルに可能な限りまとめる(HTML内にCSS/JSをインライン)
- コンポーネント分割を最小限にする
- AIに全ファイルの構成を毎回伝える
❌ 2. 認証・決済・セキュリティは危険
AIが生成するコードのセキュリティは一切信用してはいけません。
実際に遭遇したセキュリティ問題:
- APIキーがフロントエンドのJavaScriptにハードコード
- SQLインジェクション対策なし
- CORS設定が全開放(
*) - 認証トークンのローカルストレージ保存
本番環境で扱うには必ずセキュリティレビューが必要です。
❌ 3. 「ちょっとした修正」が地獄になる
バイブコーディングではバージョン管理が命。Gitを使うか、こまめにバックアップを取りましょう。
❌ 4. テストが書けない(書いても意味が薄い)
AIはテストコードも書いてくれますが、テスト対象のコードもAIが書いているので、同じ「勘違い」が本体にもテストにも入るリスクがあります。
❌ 5. チーム開発には不向き
バイブコーディングで作ったコードは、書いた本人(AI含む)以外に読めないことが多い。
結論:バイブコーディングは「使い所」が勝負
向いている場面
| ユースケース | おすすめ度 |
|---|---|
| 便利ツール・計算系 | ⭐⭐⭐⭐⭐ |
| LP・静的サイト | ⭐⭐⭐⭐⭐ |
| ブラウザゲーム | ⭐⭐⭐⭐ |
| プロトタイプ・MVP | ⭐⭐⭐⭐ |
| 社内ツール(小規模) | ⭐⭐⭐ |
向いていない場面
| ユースケース | 危険度 |
|---|---|
| 決済・ECシステム | 🔴🔴🔴 |
| 個人情報を扱うサービス | 🔴🔴🔴 |
| 大規模アプリ(20画面以上) | 🔴🔴 |
| チーム開発 | 🔴🔴 |
よくある質問(FAQ)
Q1. バイブコーディングにプログラミングの知識は必要ですか?
A. ゼロでも始められますが、あると圧倒的に有利です。
Q2. どのAIツールがおすすめですか?
A. 初心者はCursor、慣れてきたらClaude + Cursorの組み合わせが最強です。
Q3. バイブコーディングで作ったものは商用利用できますか?
A. はい、問題ありません。 ツールの利用規約の範囲内であれば商用利用は可能です。
Q4. AIの月額利用料はいくらかかりますか?
A. 無料〜月2,000円程度で十分です。
| ツール | 無料プラン | 有料プラン |
|---|---|---|
| Cursor | あり(制限付き) | 月$20 |
| Claude | あり(制限付き) | 月$20 |
| ChatGPT | あり(制限付き) | 月$20 |
Q5. バイブコーディングで作ったアプリは安全ですか?
A. 個人利用や社内ツールなら問題ないレベルですが、本番サービスにはセキュリティレビューが必須です。
Q6. どのくらいの規模のアプリまで作れますか?
A. ファイル数10個程度、画面数5〜8個くらいが現実的な上限です。
今日からのアクションプラン
| いつ | やること |
|---|---|
| 今日 | CursorまたはClaudeの無料アカウントを作成し、「パスワード生成器」を1つ作ってみる |
| 明日 | 作ったツールをGitHubにアップし、Vercelで無料デプロイする |
| 今週中 | 3つのツールを作り、「自分に合っているか」を判断する |
記事を書いている人
SES事業を運営しながら、バイブコーディングで80個以上のWebサービスを開発。
📝 バイブコーディングで作ったツール一覧 → Asoventure Tools
💻 バイブコーディング代行のご相談 → 無料相談フォーム
💰 ざっくり費用を知りたい方 → 見積もりシミュレーター