「v0、Lovable、Bolt、結局どれを使えばいいんですか？」
Vibe Coding 完全ガイド を公開した直後、読者から最も多く届いた質問がこれでした。本記事では、この3ツールを個人開発者の現実的な評価軸で並べ、用途別の最適解を整理します。
広告に関する表記：本記事には /go/onamae および /go/mixhost を経由するアフィリエイトリンクが含まれます。リンク経由でご契約いただくと、AI Maker Lab に紹介料が発生する場合があります。比較内容そのものは、公平な視点で執筆しています。
目次
- 30秒で結論：用途別「これを選べ」
- 3ツール比較表（価格・出力・日本語・連携・デプロイ）
- v0 by Vercel — shadcn/ui ベースで Next.js リポジトリへ直接マージできる UI 主力
- Lovable — Supabase 統合がデフォルト、認証＋DB＋UI を1指示で生成
- Bolt.new — WebContainer でブラウザ完結、貸出 PC でも開発が始められる
- 料金で選ぶ：実質コストの比較
- 公開後のインフラ（ドメイン・ホスティング）
- FAQ
- まとめと次に読むべき記事
30秒で結論：用途別「これを選べ」
| あなたの状況 | 推奨ツール | 理由 |
|---|---|---|
| React/Next.js を多少触ったことがある、生成コードを既存リポジトリに混ぜたい | v0 by Vercel | shadcn/ui ベースで npx shadcn add 形式で .tsx ファイルを直接取り込める |
| Supabase の認証＋DB込みで MVP を1日で動かしたい | Lovable | 認証フロー・DB スキーマ・UI が1回の指示で揃う（後述、アフィリ参加は不可） |
| 貸出 PC / Chromebook など環境構築できない端末で開発を始めたい | Bolt.new | WebContainer がブラウザ内で npm install を走らせる、URL 共有で同じ状態を相手にも開かせられる |
| どれを使うか自分で決めかねている | AI診断（5問） | 答えると候補3つに自動で絞り込みます |
詳細は本記事の各セクションで掘り下げます。
3ツール比較表（価格・出力・日本語・連携・デプロイ）
価格情報の取得日：本表の料金は v0 については v0.app 公式料金 / 2026-05-19 取得、Lovable / Bolt については各公式サイト記載のプラン情報です。各サービスは継続的にプラン改定を行うため、契約前に必ず公式サイトで最新情報をご確認ください。
| 項目 | v0 by Vercel | Lovable | Bolt.new | Best for |
|---|---|---|---|---|
| 提供元 | Vercel | Lovable (旧 GPT Engineer) | StackBlitz | — |
| 無料枠 | あり（メッセージ制限） | あり（プロンプト制限） | あり（トークン制限） | — |
| 有料プラン最安 | $30/月 (Team) | $25/月 (Starter) | $20/月 (Pro) | コスト：Bolt |
| 出力スタイル | React + Tailwind + shadcn/ui | React + Tailwind + Supabase 対応 | React/Vue/Svelte 等 + Tailwind | UI 品質：v0 |
| バックエンド | 弱（フロント特化） | 強（Supabase 統合） | 中（StackBlitz WebContainer 上で簡易API可） | フルスタック：Lovable |
| 日本語UI | なし（英語前提） | なし（英語前提） | なし（英語前提） | — |
| 日本語プロンプト | 通る（精度は英語より落ちる） | 通る | 通る | — |
| GitHub 連携 | あり（Vercel経由） | あり | あり | — |
| 即時プレビュー | プレビュー専用ドメイン | プレビュー専用ドメイン | ブラウザ内即時 | 即起動：Bolt |
| 本番デプロイ | Vercel 1クリック | Lovable Cloud / 外部 | Netlify/Vercel 等 | デプロイ統合：v0 |
| 個人開発の主力ティア | S（最優先） | watch（監視中）※1 | A（用途次第） | — |
※1 Lovable は2026年5月時点でアフィリエイトプログラムを移行中のため、現時点では参加不可。製品自体の評価とは独立です。
ティア基準：S＝最優先（収益性・話題性ともに高い）、A＝優先（標準的）、watch＝監視中（アフィリ未対応、または規約が変動中で扱いが定まっていない）
v0 by Vercel — shadcn/ui ベースで Next.js リポジトリへ直接マージできる UI 主力
結論：「動くプロダクト」より「綺麗で実装に直結する UI コード」が欲しい人向け
v0 の独自性は、生成される React コードが shadcn/ui のコンポーネント設計をそのまま採用していることです。生成画面の「Open in v0」または npx shadcn add 形式で、自分の既存 Next.js リポジトリにそのまま .tsx ファイルを取り込めます。AI Maker Lab 自体は Astro 製ですが、ランディングや管理画面のプロトタイプを Next.js で組む局面では、v0 から始めるのが編集部の検証では最短手順という結論に至りました。
向いているケース
- Next.js 製の SaaS ダッシュボード（KPIカード・テーブル・サイドバー）を shadcn/ui のスタイルで揃えたい
- LP（ランディングページ）の A/Bテスト用バリエーションを Tailwind のクラスベースで複数出したい
- shadcn/ui を既に採用しているリポジトリへ、
npx shadcn add経由で 新規セクション・モーダルを追加したい - Figma 上のデザインを
.tsx+ Tailwind v4 のクラスとして実装に落としたい
向いていないケース
- 認証・DB を含むフルスタックを1回の指示で生成したい（→ Lovable の Supabase 統合が適）
- 開発端末を用意できない / 環境構築せずブラウザだけで動かしたい（→ Bolt の WebContainer が適）
より詳しいレビュー
v0 単独の使用感は v0 by Vercel とは：料金・使い方・個人開発者の実践レビュー で扱っています。料金の落とし穴、無料枠の現実、shadcn/ui との連携手順まで深掘りしています。
Lovable — Supabase 統合がデフォルト、認証＋DB＋UI を1指示で生成（ただし参加できないASPに注意）
結論：「認証 + DB + UI」が必要な MVP を、最速で実物にしたい人向け
Lovable の真価は Supabase との統合です。「ログイン機能つきのToDoアプリを作って」と日本語で指示するだけで、認証フロー・DB スキーマ・UI が一括生成されます。これを v0 や Bolt で実現するには、生成された UI に対して別途バックエンドを手書きする必要があり、所要時間は数倍違います。
向いているケース
- Supabase Auth + Postgres を初期テンプレに組み込んだ MVP を、1指示で動く状態まで持っていきたい
- 家計簿・学習記録・社内ツールなど、**ユーザーごとのデータ保存（Row Level Security）**が前提のアプリ
- Supabase Edge Functions / Storage を使った機能まで含めて Lovable 側でセットアップさせたい
向いていないケース
- 既存 Next.js リポジトリへ生成コードを
.tsx単位でマージしたい（→ v0 のnpx shadcn addが適） - 認証・DB が不要で、ブラウザ内で30分のプロトタイプを共有したいだけ（→ Bolt の WebContainer）
- 紹介リンクで収益化したい（後述の通り、現在アフィリ参加不可）
アフィリエイト参加状況についての注意
2026年5月時点で、Lovable は新しいパートナープログラムへの移行作業中で、新規申請の受け付けを停止しています。本記事では Lovable の製品評価は維持しつつ、Lovable へのアフィリリンク誘導は行いません。プログラム再開時には /tools/lovable/ のページで告知します。
ASP 経由で確実に収益化できる Vibe Coding 周辺ツールについては、本記事末尾の「公開後のインフラ」セクションで触れます。
Bolt.new — WebContainer でブラウザ完結、貸出 PC でも開発が始められる
結論：「環境構築できない / したくない端末で、その場で動くものを見せたい」場面の選択肢
Bolt の独自性は WebContainer 技術にあります。Node.js がブラウザ内で動作するため、npm install も npm run dev も全部ブラウザの中で完結します。ローカルに何もインストールせず、URL を開けば即コーディング開始です。
向いているケース
- 貸出 PC / Chromebook / 自宅と職場の2台運用など、ローカルに Node 環境を入れたくない／入れられない端末で開発したい
- React / Vue / Svelte / Astro など 複数フレームワークの初期テンプレを試し比べしたい
- 動く状態の WebContainer URL を Slack / X で共有して、相手のブラウザで同じ状態を再現してもらいたい
向いていないケース
- 数千行に育てる本番プロダクト開発（無料枠のトークン制限が午前で枯渇しやすい）
- Supabase など外部 BaaS と密結合した認証＋DB が必要（→ Lovable の方が初期統合が深い）
落とし穴：トークン消費の早さ
Bolt の無料枠は「1日あたりのトークン数」で計測されます。1つのプロジェクトで深く対話を重ねると、午前中で枯渇することも珍しくありません。捨て前提のプロトタイプとして使い、本格的に育てるフェーズに入ったら v0 や Lovable に移すのが現実的な運用です。
料金で選ぶ：実質コストの比較
| 利用パターン | v0 | Lovable | Bolt |
|---|---|---|---|
| 完全無料（試用） | ◎ メッセージ制限あり | ◯ プロンプト制限あり | ◯ トークン制限あり |
| 月10時間程度の個人開発 | $20/月で十分 | $25/月で十分 | $20/月で十分 |
| 本気の副業（毎日触る） | $20/月で足りる場合あり | $50/月（Launch）推奨 | $50/月（Teams）検討 |
| 法人・チーム利用 | $30/月〜（Team） | $50/月〜 | $50/月〜 |
個人開発者の現実的な選択：
- まず無料枠で1〜2週間それぞれ触る
- 主力1つを決めて $20〜$25/月で契約
- サブで他を 無料枠のまま併用
3つ全部に課金する必要はありません。主力 + サブ無料2つ の構成が、月額負担と用途カバー範囲のバランスを取りやすいと編集部では判断しています。
公開後のインフラ（ドメイン・ホスティング）
Vibe Coding ツールで生成した成果物を、自分のドメインで公開するときの推奨構成です。
ドメイン取得 — お名前.com
GMO インターネット運営の国内大手ドメイン登録サービス（公式 onamae.com 表記 2026-05 取得）。.com .dev .app から .jp .tokyo まで 580超の TLD を1アカウントで管理でき、コンビニ・銀行振込にも対応する点が、海外レジストラ（Cloudflare Registrar / Porkbun）との実用上の差です。
ドメイン候補の作り方：yourname-lab.com、tsukuru-app.dev、vibe-{プロダクト名}.app のように、検索結果のスニペットで「何のサイトか」が伝わる命名にすると、後から記事タイトルとドメインの一致度が上がり、SEO 的な訴求にも繋がりやすくなります。
ホスティング — 個人開発の現実解
| 目的 | 推奨 |
|---|---|
| v0/Bolt の成果物を公開 | Vercel または Cloudflare Pages（無料枠で十分） |
| Lovable の成果物を公開 | Lovable Cloud がそのまま使える |
| WordPress 含む雑食 LP | mixhost（LiteSpeed 採用で表示速度が速い） |
WordPress を併設して SEO 記事から自社プロダクトに送客する戦略を取るなら、mixhost のような国内レンタルサーバーを1つ持っておくと幅が広がります。
FAQ
Q1. 結局どれが「一番優秀」なんですか？
優劣は用途で逆転します。「Next.js リポジトリへ直接マージしたい UIなら v0、認証＋DB込みの MVPなら Lovable、ブラウザ完結で30分の検証なら Bolt」が、本記事の3軸での結論です。
Q2. 3つとも英語ですが、日本語プロンプトでどこまで戦えますか？
3ツールとも日本語プロンプトは通ります。ただし、UI のラベル等を生成させる際は、出力ラベルが英語になる傾向があります。「ラベルは日本語で」と明示することで回避可能です。
Q3. AI Maker Lab はどれで作られていますか？
AI Maker Lab 自身 は Astro 本体は手書きベース／LPプロトタイプは v0 で試作、記事生成・運用は Claude Code 駆動 という構成です（記事数が多いブログ用途では、Astro のような静的サイトジェネレータの方が向いているためです）。Vibe Coding ツールは 動くアプリのプロトタイピングで本領発揮するという立ち位置で見てください。
Q4. アフィリエイトプログラムに参加できるのはどれですか？
2026年5月時点で v0 / Bolt のパートナープログラムは個人開発者規模では未提供、Lovable は移行中で参加不可です。Vibe Coding ツール自体ではなく、その周辺インフラ（ドメイン・ホスティング）で収益化するのが現実的なルートです。本記事の /go/onamae / /go/mixhost が該当します。
Q5. ChatGPT や Claude で同じことはできませんか？
部分的にはできます。ただし「生成 → プレビュー → 修正」のループが Vibe Coding ツールでは数秒で回るのに対し、汎用チャットでは出力を手元のエディタに貼り直して npm run dev で確認する手作業が挟まり、編集部の実測では1往復あたり数分単位の差が出ました。プロトタイプ用途で繰り返しが多い場面では、専用ツール側が手数で有利です。
まとめと次に読むべき記事
3ツールの選び方を、もう一度1行で：
- v0：「綺麗な UI を、実コードで欲しい」
- Lovable：「認証 + DB の MVP を、1日で動かしたい」
- Bolt：「思いついた瞬間に、動くものを見せたい」
迷ったときは AI診断（5問） に答えてみてください。あなたの状況に合うツール3つを、優先順つきで提示します。
関連記事
- Vibe Coding 完全ガイド：個人開発者が AI で「動くアプリ」をつくる最短ルート — 本記事の親ピラー記事
- v0 by Vercel とは：料金・使い方・個人開発者の実践レビュー — v0 単独の深掘り
- Cursor vs Claude Code 徹底比較 — 生成コードを編集する側のエディタ選び
- AI 副業ロードマップ 2026 — Vibe Coding からの収益化シナリオ
- 個人開発者のためのホスティング選び — 公開先インフラの選定
その他のリソース：
- v0 ツール詳細 ／ Lovable ツール詳細 ／ Bolt ツール詳細
- 全26ツール辞書（領域別） — UI生成・開発・動画・ライティング・業務自動化・インフラの6領域で整理
- /go/onamae — お名前.com でドメインを探す
- /go/mixhost — mixhost でホスティングを契約する
情報の一次性について
本記事の 価格・プラン情報 は 2026-05-12 時点で各公式サイト（v0.app / lovable.dev / bolt.new）に記載されている情報を引用しています。Vibe Coding ツールは継続的にプラン改定が行われるため、契約判断の前に必ず各公式サイトで最新情報をご確認ください。
ツールの向き・不向きに関する評価は、執筆者および AI Maker Lab 編集チームによる実使用感に基づく所感であり、定量的な比較試験の結果ではありません。あくまで1つの参考として、ご自身の用途に合うかは無料枠で試した上でご判断ください。
Lovable のアフィリエイトプログラム参加状況は 2026-05-12 時点の情報です。プログラム再開時には /tools/lovable/ にて告知します。
Amazon で関連書籍・ガジェットを探す
本記事のテーマ（v0・Lovable・Bolt などの UI 生成 AI）に関連する書籍・教材は Amazon でも購入できます。
※ AI Maker Lab は Amazon アソシエイト・プログラムの参加サイトとして、商品のリンク経由のご購入から紹介料を受け取ります。掲載内容そのものは公平な視点で執筆しています。