目次
「Webアプリのアイデアはあるけど、コードは書けない」——その壁を低くしたのが 「AI Webアプリ生成ツール」。テキストで「Todo アプリを作って」と書けば、動くアプリのプレビュー、公開URL、GitHub との同期までを1つの画面で扱える。代表格が v0（Vercel）・Bolt.new（StackBlitz）・Lovable の3つだ。
結論から書く：「同じツール」ではなく「出口の違う3製品」。v0は「Next.js＋Vercel」、Boltは「JavaScript系なら枠を選ばない＋Bolt の自前ホスティング」、Lovableは「フルスタック＋標準バックエンド（Lovable Cloud）＋非エンジニア向け」。「どれが最強」ではなく 「あなたが何をしたいか」で答えが変わる。
個人視点を先に書く：「PoC・デモを誰かに見せたい」だけなら3つともOK。だが 「自分でメンテし続けたい・本番運用したい・チームで触りたい」になると差が出る。AI推奨Vercel、Vercel AI SDK、AIにインフラ任せていい？ でも書いたとおり、「AIが動かす」と「本番で使える」の間にはギャップがある。本記事では3ツールの本質、料金と無料枠、生成されるコード、Figma 連携、用途別の正解、公式ドキュメントから分かる違い、乗り換えで持ち出せるもの、選び方フローまでを、2026年9月30日に3社の料金ページと公式ドキュメントで確かめた内容で整理する。
3つとも出口が違う——「最強」ではなく「最適」を選ぶ
— v0はNext.js＋Vercel、BoltはJS系なら自由、Lovableは非エンジニア
2026年9月30日時点（月払い）: v0 無料〜$100/ユーザー、Bolt 無料〜$30/メンバー（Pro $25〜）、Lovable 無料〜（Pro $25〜）。
3ツールとも 無料枠があり、公開URLまで出せる。
1. AI Webアプリ生成3強——v0/Bolt/Lovableとは
「vibe coding」（自然言語でアプリを作る開発スタイル）という言葉が広まった2025〜2026年、その代表格が v0・Bolt.new・Lovable の3つだ。共通点は 「テキスト → 動くWebアプリ＋公開URL」を1つの画面で完結させること。違いは 「何を生成し、どこに載せるか」。
勢いを示す数字として、発行元がはっきりしているものを1つ挙げる。Lovable は2025年7月23日の自社ブログで、最初の ARR $1M から8か月で ARR $100M を超えたと発表した（Lovable 公式ブログ。同社自身の発表値で、第三者の監査を経た数字ではない）。v0 は2026年2月4日の大型更新で Git 連携・プロジェクト・VS Code 型のエディタ・本番と同じ動きをするプレビューを足した（v0 のドキュメント）。
背景は 「LLM のコード生成が、画面付きの動くアプリを出せる水準に来た」こと。Claude・GPT・Gemini などの上位モデルが実用の品質で React のコードを書けるようになり、「テキスト→アプリ」が商品として成り立った。v0 はさらに自社の v0 Mini／Pro／Max というモデルを持ち、トークン単価を料金ページで公開している。AI推奨Next.js で書いたとおり、AI が反射的に推す Next.js を テキストから直接出すのが v0 の正体だ。
2. 5分でわかる3ツールの本質
3ツールを 「3行の本質」で押さえる。これだけ知っておけば後の比較が立体的に見える。
3ツールの本質を3行で
覚え方：v0=デザイナー、Bolt=開発者、Lovable=起業家。
全員が「テキスト→アプリ」を出すが、出口（誰が継続的に触るか）が違う。
もう一つの見方：v0 は Vercel のプロジェクトに直結（Git・環境変数・ドメインまで v0 の中で扱う）、Bolt はブラウザの中の開発環境（自前のDBとホスティングつき）、Lovable はプロダクト志向（DB＋認証＋UI＋公開まで一気通貫）。同じ「Webアプリ生成」でも どこまでを面倒見るかが違う。
3. 詳細比較——料金・無料枠・生成コード・Figma
2026年9月30日に、3社の料金ページ（v0・Bolt・Lovable）と公式ドキュメント（v0 docs・Bolt Help Center・Lovable Docs）で確かめた内容を横並びにする。料金は米ドル・税抜・月払い。
| 項目 | v0（Vercel） | Bolt.new（StackBlitz） | Lovable |
|---|---|---|---|
| 無料プラン | あり（月$5分のクレジット・1日7メッセージまで） | あり（月1Mトークン・1日300Kトークンまで） | あり（1日5ビルドクレジット・月30まで） |
| 有料プラン | Plus $30/ユーザー、Business $100/ユーザー（旧 Premium $20 は新規受付終了） | Pro $25〜（月10Mトークン〜）、Teams $30/メンバー | Pro $25〜（月100クレジット〜）、Business $50〜 |
| 生成されるコード | Next.js・React・TypeScript・Tailwind CSS・shadcn/ui | フロントは任意の JS フレームワーク、バックエンドは Node.js（PHP・Python は不可） | 新規は TanStack Start（2026年5月13日から既定）、それ以前の案件は React + Vite |
| データベース | Vercel Marketplace 経由で Neon・Supabase・Upstash・Vercel Blob をワンクリック接続 | Bolt Database（全プラン・認証込み）、Supabase は Pro・Teams で選べる | Lovable Cloud（Supabase のオープンソース基盤・認証込み）、外部の Supabase も接続可 |
| 公開（標準） | Vercel（Publish ボタン） | Bolt hosting（無料の .bolt.host、独自ドメインは Pro）、Netlify も選べる | Lovable hosting（独自ドメインは有料プラン） |
| Figma連携 | あり（Figma のリンクを貼る、プラグイン不要） | あり（ホームの Import from Figma、変換は Anima を使う） | あり（Figma プラグイン・Figma MCP・.fig ファイルのアップロード） |
| コード編集 | VS Code 型のエディタを内蔵（2026年2月の更新） | Code view で直接編集（Safari では読み取り専用） | 有料プランで Edit code |
| 得意層（筆者の見立て） | フロントエンド開発者・デザイナー | JavaScript 系の開発者 | 非エンジニア・起業家 |
3つの注目ポイント：① Figma 連携は3社ともある。違うのは取り込み方で、v0 はリンクを貼るだけ、Bolt は Anima を介して変換、Lovable はプラグイン・MCP・.fig の3通り。② Lovable にも無料プランがある（1日5ビルドクレジット・月30まで）。GitHub などとの Git 同期も無料プランで使える。③ Lovable の標準バックエンドは Supabase 単体ではなく Lovable Cloud。中身は Supabase のオープンソース基盤で、Supabase を別に契約しなくてよい。
無料枠で何回試せるか——3社の「単位」をそのまま並べる
無料枠は3社で 数える単位が違うので、ドル・トークン・クレジットを無理に1つの「回数」に換算しない。公式が書いている単位のまま並べる。
| 項目 | v0 | Bolt.new | Lovable |
|---|---|---|---|
| 無料枠の単位 | 月$5分のクレジット | トークン（月1M） | ビルドクレジット（1日5） |
| 日ごとの上限 | 1日7メッセージ | 1日300Kトークン | 1日5クレジット（毎日 00:00 UTC に戻る・繰り越しなし） |
| 月の上限 | $5分のクレジット | 1Mトークン（毎月1日に戻る） | 30クレジット（＝月初の6日分で打ち止め） |
| 1回あたりの消費 | モデル別のトークン単価（例：v0 Pro は入力$2・出力$10／100万トークン） | プロジェクトが大きいほど1メッセージの消費が増える（ファイルの同期が大半） | 作業の重さで変動（公式の例：ボタンをグレーに 0.50、フッター削除 0.90、認証の追加 1.20、画像つきLP 1.70） |
| そのほかの無料分 | Vercel への公開 | 公開サイトへのリクエストは333Kまで（Bolt のロゴ表示あり） | 月20 Cloud クレジット・月4 AI クレジット・1日分のチャット枠 |
| 上限に達したら | 有料プランへ | Code view で手で直すのはトークンを使わない | 翌日（月の上限なら翌月1日）まで待つ |
目安をつけるなら：v0 は「1日7メッセージ」が先に効く、Bolt は小さいプロジェクトほど長持ちする、Lovable は公式の例で数えると「1日5クレジット＝認証の追加なら4回、ボタンの色替えなら10回」（単純計算。実際の消費は作業の重さで変わる）。
4. 「あなたの用途」別の正解
3ツールの強み・弱みを 「あなたの状況」に当てはめると、推奨はかなり絞れる。
あなたの用途別 推奨ツール
共通の落とし穴：「動くデモ」と 「本番運用」のギャップは3ツールとも残る。
本番化は GitHub に同期 → Cursor/Claude Code でリファクタが現実解。
5. 公式ドキュメントから分かる違い
この節は 3ツールを実際に動かして比べた結果ではない。3社の公式ドキュメントと料金ページ（2026年9月30日に確認）に書かれている仕組みを並べたものだ。生成されるUIの出来や速さは、プロンプトやモデル、その日の混み具合で変わるので、ここでは点数を付けない。
| 観点 | v0 | Bolt.new | Lovable |
|---|---|---|---|
| プレビューの動く場所 | Vercel Sandbox（隔離された軽量の仮想マシン）、API ルートや DB 接続も本番と同じに動く | Chrome 系ブラウザではブラウザの中、Safari ではホスト側で作ったプレビュー | エディタ内のライブプレビュー、スマホ・タブレット・PCの幅で確かめ、プレビューリンクで共有できる |
| 課金の数え方 | ドル建てのクレジット（モデル＝v0 Mini／Pro／Max／Max Fast ごとのトークン単価で減る） | トークン（有料の余りは翌月まで繰り越し） | クレジット（Plan モードは1メッセージ1クレジット、既定モードは作業の重さで変動） |
| GitHub との関係 | 任意：つなぐと作業ブランチを自動で作り、変更ごとに自動コミット（main へ直接は押さない） | リポジトリにつないで自動バックアップ・コミット同期、ブランチ単位で作業できる | GitHub・GitLab・Bitbucket と双方向同期（全プラン）、作るリポジトリは既定で非公開 |
| 既存コードの取り込み | GitHub のリポジトリ、Vercel のプロジェクト、ZIP から | 既存の GitHub プロジェクトから | できない（Lovable → GitHub への書き出しのみ、既存リポジトリの取り込みは非対応） |
| モバイルアプリ | 記載を確認できず | Expo で作れる（最初のプロンプトに mobile app と書く） | ネイティブアプリは作らない（公開先は常に Web で、PWA にするか、Capacitor で包む） |
読み取れること：v0 は「Vercel のプロジェクトを会話で動かす道具」に寄っていて、プレビューも公開も Vercel の仕組みに乗る。Bolt は「ブラウザの中の開発環境」で、手で直す（トークンを使わない）余地が大きい。Lovable は「バックエンド込みの製品」で、DB・認証・ホスティングを Lovable の中で完結させる設計だ。どれが自分に合うかは、無料枠で同じお題を投げて比べるのが一番早い。
6. 「動くデモ」と「本番」のギャップ——3つの落とし穴と持ち出せるもの
AI生成アプリの最大の罠は 「デモは動くが本番に出せない」。3ツール共通の落とし穴3つを整理する。
本番化で必ず直面する3つの罠
対策：早めに GitHub へ同期し、大きな直しは Cursor/Claude Code で。
対策：本番前に人間のレビュー、または Claude の上位モデルなどで監査。
対策：下の表で「何が一緒に出ないか」を先に確かめる。
共通解：「AIで作る → GitHub に同期 → 人間/AIエージェントで磨く → 本番デプロイ」の 2段階運用がリスク最小。
乗り換えるときに持ち出せるもの
「あとで別の場所に移れるか」は、始める前に確かめておく価値が一番高い。3社の公式ドキュメントに書かれている範囲で並べる。
| 持ち出すもの | v0 | Bolt.new | Lovable |
|---|---|---|---|
| コード | GitHub 連携（任意）、公式FAQは「コードを書き出して他所にデプロイもできる」 | GitHub に接続して同期、プロジェクトの Download もある | Git 同期は全プラン、ZIP の Download codebase は有料プラン |
| データベース | DB は接続したプロバイダー（Neon・Supabase など）のサービス | Bolt Database は Supabase へ「Claim」で移せる（Pro・Teams）、逆向き（Supabase → Bolt Database）の移行手段は無い | Export project data で構造＋データを書き出し（ユーザーとパスワードのハッシュ込み、15GB まで・1ファイル5GB まで・24時間に1回）、ストレージのファイル・Edge Function・シークレットは含まない |
| ホスティング | 標準は Vercel、フル機能（環境変数・プレビュー・デプロイ）は Vercel のプロジェクトにつないだとき | 標準は bolt.host、Netlify も選べるが、一度 Bolt hosting で公開したプロジェクトは切り替えられない（コピーを作る） | TanStack Start の案件はサーバーを動かせるホストが要る（旧 Vite の案件は静的ホスティングで足りる） |
| バックエンドの移行先 | —（最初から外部プロバイダー） | Supabase | 公式に支えているのはマネージド／セルフホストの Supabase（素の PostgreSQL などへは自前で置き換え） |
個人見解：「v0/Bolt/Lovable で出した初稿をそのまま本番に出すのは危険」。3ツールの真の価値は 「アイデアを最速で形にする」「方向性を短い時間で検証する」。本番運用は Cursor / Claude Code / 手書きでのリファクタを経るのが現実解だ。AIにインフラ任せていい？ の信号機型判定で言うと、「アイデア検証＝緑」「本番運用＝黄〜赤」。
7. 2026年の選び方フローチャート
「結局どれ使えばいいか」を 5分で決められる判断フロー。
5分で決まる選び方
Yes → 次へ
No（フロントだけ） → v0
No → 全ツール候補
No → 次へ
No → 有料は3つとも月$25〜$30から
No（試作のみ） → 任意のツールでOK
迷ったら：v0で小さく試す → 必要に応じてBolt/Lovable。
個人開発者の現実解は 「全部触ってみる」——3つとも無料枠の範囲で見比べられる。
まとめ
v0・Bolt・Lovable の3つは 「同じカテゴリで競合」ではなく「出口の違う3製品」。v0=Next.js＋Vercel でデザイナー寄り、Bolt=JavaScript系なら枠を選ばない開発者向け、Lovable=バックエンド（Lovable Cloud）込みの非エンジニア向けMVP。料金は3つとも 無料枠あり・有料は月$25〜$30からで横並びに近く、差は 無料枠の単位（メッセージ・トークン・クレジット）と、何を持ち出せるかに出る。
選び方は 用途で決まる：① コード書けない？→Lovable、②DB必要？→Lovable/Bolt、③Vue/Svelte？→Bolt一択、④Figmaあり？→3つとも可（取り込み方で選ぶ）、⑤無料で試したい？→3つとも可（単位が違う）。本番運用前提なら 「早めに GitHub に同期 → Cursor/Claude Code でリファクタ」の2段階運用が現実解。「動くデモ」を出すのは3ツールとも得意だが、「本番に出せる品質」までは人間/専門エージェントの介入が要る。
関連記事として、AI推奨Vercel、Vercel AI SDK、Cursor AIエディタ、AI推奨Next.js、AIにインフラ任せていい？ も併読してほしい。
FAQ
Q. 完全な初心者ですが、最初に試すならどれですか？
A. Lovable。チャットだけで進められて、DB・認証は Lovable Cloud が面倒を見る。無料プランでも1日5ビルドクレジット（月30まで）使える。コードを少しでも書ける/書きたいなら v0 から（無料は月$5分のクレジット・1日7メッセージまで）。
Q. v0/Bolt/Lovableで出したコードはそのまま本番で使えますか？
A. 「動く」と「本番品質」は別物。プロトタイプ・MVPなら直接公開も可、商用本番なら セキュリティ監査・パフォーマンス最適化・テストコード追加が必須。GitHub に同期して Cursor/Claude Code で磨くのが堅実な流れ。
Q. Cursor/Claude Codeとどう使い分ければいい？
A. v0/Bolt/Lovable=「ゼロから生成」、Cursor/Claude Code=「既存コード編集」。前者は 「アイデア→動くアプリ」を最速で、後者は 「動くアプリ→本番品質」を堅実に。v0 の公式FAQも、Cursor や Claude Code を使う人とは同じ GitHub リポジトリで共同作業するよう書いている。Cursor解説 参照。
Q. 月の料金が見えないのが不安です。
A. 3つとも 使った分だけ減る方式（v0＝ドル建てクレジット、Bolt＝トークン、Lovable＝クレジット）なので、複雑なアプリほど消費が増える。Lovable は料金ページで「認証の追加 1.20 クレジット」のような例を公開し、各メッセージの消費も履歴から見られる。「無料枠でPoC、有料移行は本気で使う段階」が安全。
Q. 無料枠を使い切ったらどうなりますか？
A. Lovable は1日5クレジットが毎日 00:00 UTC に戻る（月30に達したら翌月1日まで止まる）。Bolt は1日の上限（300Kトークン）に達しても、Code view でコードを手で直すのはトークンを使わない。v0 の無料プランは1日7メッセージまで。それ以上使うには、クレジット制の有料プランに移る。
