これまでGemini、そしてChatGPTとの比較で「文章だけでアプリが作れるか」を検証してきました。今回は3本目——Vercelの「v0（ヴィーゼロ）」です。

v0は、Next.jsなどを提供するVercel社のAIアプリビルダー。「一番“開発現場”に近いAIツール」とも言われます。編集部で、これまでと同じ1文を投げて実機検証しました。結論から言うと、3つの中でいちばん本格的、でもいちばん重い——そんな性格でした。

検証は2026年7月、編集部が実機で実施。v0はVercelアカウントでログインして利用（クレジット制／無料枠あり）。AIの出力は日々変わるため細部は時期・モデルにより異なります。

投げた指示（3ツール共通）

シンプルな割り勘計算アプリを作って。合計金額と人数を入力すると1人あたりの金額が計算される。端数（割り切れない分）を誰か1人が多めに払う設定も選べるようにして。日本語UI、スマホでも使いやすいレイアウト、やさしい配色で。

v0の作り方は「単発HTML」ではなく「プロジェクト」

GeminiもChatGPTも、成果物は基本1つのHTMLファイルでした。v0は違います。指示すると、次のように段階を踏んで“プロジェクト”を組み立てていきました。

  1. まず既存のプロジェクト構成を確認（Explore）
  2. 配色トークンとフォント（丸ゴシックでやさしい印象）を設定
  3. レイアウトとメタデータを更新
  4. 計算コンポーネントとページを作成

つまり、Next.js/Reactの複数ファイルからなる本物のアプリ構成を作ります。ここが最大の個性で、そのまま「Publish（公開）」やVercelへのデプロイに直結します。“作って終わり”ではなく“公開して育てる”ことを前提にした設計です。

圧巻だったのは「自分で動作確認する」こと

一番感心したのはここです。v0はコードを書き終えたあと、こう続けました。

Let me verify it renders correctly in the browser.（ブラウザで正しく描画されるか確認します）

そして実際にブラウザ環境を立ち上げて自分の作ったアプリを動かし、こう報告してきました。

合計10,000円を3人で割ると端数調整により「1人が¥3,334、残り2人が¥3,333」と正しく計算されています。

念のため検算すると、¥3,334＋¥3,333＋¥3,333＝¥10,000。ピタリ合っています。AI自身が成果物をテストし、計算が正しいことを確認してから渡してくる——これは他の2つには無かった振る舞いで、信頼性という意味で頭ひとつ抜けています。

できあがったもの

  • 合計金額の入力と、＋/−ボタンで調整できる人数
  • 端数調整トグル：オンにすると割り切れない分を1人がまとめて負担／オフにすると端数をそのまま表示
  • やさしいグリーンの配色・丸ゴシック・大きめのボタンとカードでスマホでも押しやすいレイアウト

機能の“幅”という点では、丸め単位や3種類の端数モードまで盛ってきたGeminiのほうが上でした。v0の端数処理はトグル1つ（オン/オフ）とシンプル。ただし、その1機能が正しく動くことまで自己検証済みなのがv0らしさです。

正直な短所・注意点

  • とにかく“重い”＝遅い：今回の生成は約1分49秒。GeminiやChatGPTの倍前後かかりました。丁寧の裏返しですが、サッと試すには待たされます。
  • クレジット制：GeminiのFlashは無料で回し放題に近い一方、v0はVercelアカウント＋クレジット（無料枠あり）が前提。凝った生成・何度もの手直しは、消費が気になる場面も。
  • “Reactプロジェクト”ゆえの前提：出力はNext.js/React構成。これは強みですが、「単純なHTML1枚がほしいだけ」の人にはオーバースペックになりがち。
  • AIの検算も過信しない：v0は自己検証してくれますが、それでも公開前に人が最終確認する原則は変わりません。

3ツールの立ち位置まとめ

出力の形 速さ 特徴
Gemini その場でライブプレビュー（HTML1枚） 速い 無料・多機能・手軽に試すのが最強
ChatGPT HTMLファイルをダウンロード 普通 依存ゼロ・堅い実装・コードを受け取れる
v0 Reactプロジェクト＋公開導線 遅い 自己動作確認・そのまま公開・本番志向

結論：v0が向く人

  • 作ったものをそのまま公開・運用していきたい（Vercelユーザーなら特に）
  • React/Next.jsの構成できちんと作り込みたい
  • AIに動作確認までやらせて、信頼できる状態で受け取りたい

逆に、「とにかく無料で・今すぐ・軽く動くものが見たい」だけならGemini、「コードを1枚もらって手元で触りたい」ならChatGPT、という住み分けです。“試す”はGemini、“受け取る”はChatGPT、“公開まで走る”はv0。 目的に合わせて選びましょう。

この記事は、「v0を試したことはないが、GeminiやChatGPTの手軽な生成は経験している」という人を想定しています。React/Next.jsの知識は前提にしていません。

つまずきどころ：自分で試すと起きること

症状 原因 対処の順番
生成が終わらない・止まって見える 複数ファイルのReactプロジェクトを組み立てているため、単発HTMLの生成より時間がかかる 1. 数分は待つ 2. それでも動かなければ指示を短く区切って出し直す
Publish後に画面が真っ白・エラーになる ビルド時のエラーが起きている場合がある 1. プレビュー画面のエラーログを確認する 2. エラーメッセージを要約せず全文コピーしてAIに貼り、修正を依頼する
クレジットの減りが早い やり直しや細かい微修正のたびにクレジットを消費する 1. 直したい点を一度にまとめて具体的に指示する 2. 消費ペースはBilling画面でその都度確認する
コードのどこを直せばいいか分からない Gemini/ChatGPTのHTML1枚と違い、役割ごとに複数ファイルへ分かれている 1. まずプレビューで問題の箇所を特定する 2. 該当ファイルをAIに聞いて絞り込んでから手を加える

やってはいけないこと

  • 無計画に生成をやり直す：クレジット制のため、同じ指示を微妙に変えて何度も投げ直すと消費がかさみます。直したい点を先にまとめてから1回で伝えてください。
  • AIの自己検証を人の確認の代わりにする：v0は動作確認まで報告してきますが、それは開発側の一次チェックです。金額計算など間違うと実害が出る処理は、極端な入力（人数1人・端数0円など）でも公開前に自分で確かめてください。
  • Reactプロジェクトの構成を理解せずに手を加える：「単純なHTML1枚のつもりで」ファイルを直接編集すると、他のファイルとの整合性が崩れることがあります。まず構成を把握してから編集しましょう。

よくある質問

Q. v0で生成したアプリは、そのまま公開しても大丈夫ですか？ A. いいえ。v0はAI自身がブラウザで動作確認をしてくれますが、それでも公開前に人の目でロジックや個人情報の扱いを確認する必要があります。特に金額計算のような処理は、想定外の入力でも正しく動くかを必ず確認してください。

Q. 無料でどこまで試せますか？ A. v0にはVercelアカウントに紐づく無料クレジットがあります。どこまで無料枠だけで作れるかを実際に使い切って検証した記事をv0の無料クレジット2ドルで「公開できるツール」は作れるかにまとめています。消費ペースやプランの条件は変わることがあるため、最新の内容は公式の料金ページで確認してください。

Q. React/Next.jsの知識がなくても使えますか？ A. 指示を出すだけなら知識は不要です。ただしv0は複数ファイルからなるプロジェクトを生成するため、生成後に自分で手直ししたい場合は、どのファイルに何が書かれているかを把握できる基礎知識があると対応しやすくなります。

Q. スマホだけでv0を使えますか？ A. 指示を出してプレビューを確認するところまではスマホでも可能です。ただし複数ファイルの構成確認や細かいコードの手直しは、画面が広いパソコンのほうが向いています。

Q. v0と、GeminiやChatGPTはどちらを最初に試すべきですか？ A. 「とにかく無料で今すぐ動くものを見たい」ならGemini、「コードを1枚もらって手元で触りたい」ならChatGPT、「公開・運用まで見据えている」ならv0、という順番で選ぶと分かりやすいです。詳しい使い分けはGemini vs ChatGPT、同じ指示で作らせたら？もあわせてご覧ください。

まとめ

  • v0は多ファイルのReactプロジェクトとして生成し、Publish/Vercelで公開まで直結する本番志向。
  • 圧巻はAIが自分でブラウザ動作確認し、計算の正しさまで報告してくること（¥3,334＋¥3,333×2＝¥10,000）。
  • 反面、約1分49秒と遅く、クレジット制。手軽さでは無料のGeminiに軍配。
  • 使い分け：“試す”Gemini／“受け取る”ChatGPT／“公開まで走る”v0。

次に読む