v0 APIの使い方:アプリ生成からデプロイまでの実践ガイド

v0 APIの使い方を、導入方法、サーバー側でのAPIキー管理、チャットの継続利用、安全なプレビュープロキシ、Vercelへのデプロイまで実例コード付きで解説します。同期・非同期・ストリーミングの選び方に加え、料金体系と7つの活用例、作る価値のある3つのプロダクト案、導入前に把握すべき制約もまとめました。

Thursday, September 3, 2026Omid Saffari
v0 APIの使い方:アプリ生成からデプロイまでの実践ガイド

v0 APIの使い方を押さえれば、v0のアプリ構築エージェントを、自社プロダクトやスクリプト、エージェント、CIジョブの裏側に組み込めます。プロンプトを送り、隔離された同じアプリワークスペースで改善を重ね、動作中の結果を自社インターフェースに表示し、完成したらVercelへデプロイできます。新しいAPIは一般提供されており、v0はもはやユーザーが訪れて使うだけのサービスではありません。別のプロダクトから呼び出せるインフラになりました。

v0 APIで実際にできること

v0 APIが自然言語の指示から作るのは、単なるコード案ではなく、実際に動くフルスタックアプリです。コードの生成からVercel Sandboxでの実行、安全なライブプレビューの提供、Vercelへのデプロイまでを一続きで扱えます。

v0の各チャットは、1つのアプリ専用の作業場だと考えると分かりやすいでしょう。その作業場の鍵になるのがチャットIDです。v0は内部のファイルを読み、編集し、実行できます。追加のメッセージを送るたびに、現在の状態を引き継いで作業が続きます。たとえば、最初に課題のトリアージ用ダッシュボードを依頼し、次に担当者列の追加を頼むと、2つ目の指示では作業中のアプリそのものが更新されます。

重要なのは、この状態を保ったまま反復できる点です。通常のコードモデルはテキストを返し、実行は利用者に委ねます。一方、v0は開発サーバーを起動してコードの動作を確認し、作業中にエラーを見つけて修正することもできます。

プロンプトからチャット、サンドボックス、プレビューを経てデプロイに至るv0 APIの5段階フロー
1つのチャットが、最初のプロンプトからプレビュー、デプロイまで、1つのアプリの作業状態を保持します。

新しいv2 APIは、内部の仕組みを詳しく知らなくても理解できる4つの要素で構成されています。

  • Chatsには、アプリの現在のファイル、メタデータ、公開範囲、Vercelプロジェクトとのリンクが保持されます。
  • Messagesは指示と履歴です。順序付きのpartsには、テキスト、思考過程、ファイルの読み取りや編集、検索、シェルコマンド、ツール呼び出し、エージェントのアクションが表示される場合があります。
  • Previewsは、短期間有効なトークンで保護された実行中のビルドです。
  • Deploymentsは、チャットの現在の状態をVercelへ公開します。

古いサンプルをそのまま使うと混乱しやすいのも、この違いがあるためです。現在のv2クイックスタートはv0パッケージからインポートします。以前のv1サンプルはv0-sdkからインポートしており、v1のチャットIDはv2では使えません。

v0 APIの使い方

安全かつ最短で始めるなら、自社インターフェースとv0の間に小さなサーバールートを置きます。ブラウザからユーザーのプロンプトを自社サーバーへ送り、サーバー側でAPIキーを保持してv0を呼び出します。返されたチャットIDを保存し、インターフェースには必要な結果だけを返す構成です。

1. 用途に合う導入方法を選ぶ

選択肢は次の3つです。

  1. npx create-v0-sdk-appで、アプリ生成に必要なインターフェース一式を立ち上げる。
  2. npm install v0で、既存プロダクトにサーバーSDKを追加する。
  3. 既存のエージェントからリモートv0 MCPサーバーを利用する。MCPの設定にAPIキーを記載せず、OAuthで接続できます。

全体像を最速で確かめたいなら、スターターが適しています。React製のチャットインターフェース、サーバープロキシルート、生成ファイルの表示、隔離されたプレビューアプリ、v0エージェントスキルが含まれています。

2. キーを発行し、サーバー側だけで管理する

v0の設定画面でAPIキーを作成し、サーバー環境のV0_API_KEYとして保存します。ブラウザ側のコードには公開せず、NEXT_PUBLIC_も付けないでください。

ローカルのラッパーはnpm run devで起動できますが、そのサーバールートが呼び出す先はホストされたv0 APIです。ローカル統合であり、v0のアプリ構築システムをローカルに複製するわけではありません。

3. 1つのアプリにつき1つのチャットを作る

最初の呼び出しで、会話とアプリワークスペースの両方が作成されます。

TypeScript
import { v0 } from 'v0'

const created = await v0.chats.create({
  message: 'Build an issue triage app for a support team.',
})

if (created.error) throw new Error(created.error.message)
const chatId = created.data.chat.id

const changed = await v0.messages.send({
  chatId,
  message: 'Add a priority filter and an assignee column.',
})

if (changed.error) throw new Error(changed.error.message)

chatIdは、自社側の顧客、ワークスペース、またはジョブのレコードとひも付けて保存します。メタデータでも同じ識別子を使ってチャットをまとめられますが、メタデータは整理のためのものであり、アクセス制御にはなりません。

空の状態からプロンプトを送る必要はありません。GitHubリポジトリ、ZIPアーカイブ、またはファイル一式を起点にチャットを始めることもできます。

4. 処理結果の受け取り方を決める

呼び出し元が完了まで待てるなら同期呼び出しを使います。処理をキューに入れ、後から状態を確認するスクリプト、Webhook、CIジョブには非同期呼び出しが向いています。ユーザーが画面を見ている場面ではストリーミングを使うと、エージェントがファイルを読み、コードを編集し、コマンドを実行して進捗を伝える様子をインターフェースに表示できます。

チャットとメッセージのレスポンスには使用量も含まれるため、各ジョブの完了時にトークン数とクレジット消費を記録できます。

5. プレビューは直接公開せず、プロキシを通す

APIからはプレビューURLと短期間有効なトークンが返されます。ブラウザのiframeからそのトークンを安全に付与することはできないため、公式の構成では、自社管理のバックエンドプロキシを経由してiframeのリクエストを送ります。

このプロキシは、メインアプリとは別の登録可能ドメインを持つ、プレビュー専用サイトに配置してください。生成されたプレビューでは、信頼できないコードが実行され得ます。また、プロキシ側で現在のユーザーを認証し、要求されたチャットへのアクセス権があるか確認する必要があります。v0のプレビューヘルパーは、この認可処理までは行いません。

6. 自社の確認を通してからデプロイする

アプリの準備が整ったら、v0.chats.deploy({ chatId })でチャットの現在の状態をVercelへデプロイします。環境変数は接続先のVercelプロジェクトに属し、Vercel APIを通じて管理されます。したがって、データベース認証情報やサードパーティーのキーは、別途、明示的に設定する必要があります。

SDK、MCP、AIツールからサーバー側のセキュリティを保ってv0を統合する3つの経路
プロダクト、エージェント、自動化処理のいずれからでも、異なる統合経路を通じて同じチャットワークスペースを利用できます。

v0 APIの料金体系

v0は、生成するアプリごとの定額料金ではなく、クレジット制です。入力トークンには、プロンプト、アップロードした内容、チャット履歴、ソースファイルなど、v0が読み取るコンテキストが含まれます。出力トークンはエージェントが生成した内容です。そのため、履歴やコードベースが大きくなる長期のチャットほど、料金が高くなる可能性があります。

モデル入力(1Mトークン当たり)出力(1Mトークン当たり)
v0 Mini$1$5
v0 Pro$3$15
v0 Max$5$25
v0 Max Fast$10$50

Freeプランは月額$0で、毎月$5分のクレジットと1日7メッセージの上限があります。Plusは1ユーザー当たり月額$30、Businessは1ユーザー当たり月額$100で、どちらも1ユーザーにつき毎月$30分のクレジットが含まれます。利用可能なクレジットを使い切ると、生成は停止します。

顧客向けプロダクトでは、チャットとメッセージを呼び出すたびに、返された使用量を記録しましょう。テナントごとに予算、ジョブ数の上限、またはその両方を設定します。そうしなければ、極端に大きなリポジトリや終わりのない修正ループが、共有残高を使い切るおそれがあります。

効果を得やすい順に見る7つの活用例

v0が最も力を発揮するのは、既存のワークフローに組み込み、そのプロダクトがユーザー、データ、作るべきアプリの種類をすでに把握している場合です。

順位対象具体的なワークフロー効果が見込める理由
1業界特化型SaaS企業不動産、物流、フィールドサービス向けのプラットフォームが、構造化された顧客の要望をブランド専用ポータルや社内ダッシュボードに変換します。生成したアプリごとに1つのチャットを保存し、プロダクト内で修正を受け付けます。ビルダー自体を有料機能にでき、汎用アプリビルダーにはない業界ルールをホスト側のプラットフォームから与えられます。
2デジタルエージェンシーヒアリングフォームを起点にクライアント用チャットを作り、自社のデザインシステムを適用します。進捗を社内レビュー画面へストリーミングし、誰かがデプロイする前にプレビューを生成します。最初の案を毎回手作業で組み立てなくても、要件からクライアントが実際に操作できる成果物まで進められます。
3プロダクト開発チームラベル付きのGitHub issueや承認済みの機能要望を起点に、リポジトリから非同期ビルドを開始し、レビュー用の動作プレビューをチケットへ返します。関係者は文章仕様を読み解く代わりに、具体的な実装を見ながら議論できます。一方、マージの判断はエンジニアが維持できます。
4汎用AIエージェント親エージェントがMCPまたはAI SDKツールを通じてアプリ構築部分を委任し、タスク全体の制御を保ちながら、コードブロックではなくプレビューURLを返します。ユーザーは実際に試せる成果を受け取れます。親エージェントがv0のビルド環境を再現する必要もありません。
5オペレーションチーム小規模な社内カタログに、在庫チェッカー、ローンチ管理、例外ダッシュボードなど、承認済みのテンプレートを用意します。フォームの入力からテンプレート用プロンプトを作り、人がプレビューを承認します。誰にでも制限のないビルダーを開放せず、繰り返し発生するスプレッドシート作成依頼を、管理されたツールへ変えられます。
6デザインシステムチームリリースWebhookを使い、保存済みのデザインシステムスキルに沿ったコンポーネントデモの生成または更新をv0へ依頼し、デザイナーと開発者向けのレビュープレビューを公開します。静的なショーケースではなく、最新のコンポーネントルールに沿って実際に動く統合結果を確認できます。
7プログラミング教育プロダクト制約を設けたアプリを教材から起動し、エージェントの作業中に選択したメッセージ要素を表示して、学習者に内容の評価や拡張を促します。実行中のアプリを通じて設計やデバッグの過程が見える一方、教材側で初期ファイルと目標を管理できます。

v0を裏側のエンジンとして使うべきか、それともv0自体が必要なプロダクトなのかを判断したい場合は、2026年版のおすすめAIアプリビルダーと比べてみてください。APIが有効なのは、顧客体験、ルール、課金、レビュー工程を自社で持ちたい場合です。この違いは重要です。

v0 APIで作る価値がある3つのプロダクト

この領域には確かな需要がありますが、汎用アプリビルダー市場はすでに混み合っています。狙うべきは、また1つ空のプロンプト欄を作ることではありません。価値ある特定の仕事を、誰よりも深く理解したビルダーです。

AIアプリビルダー、AI Webサイトビルダー、AIでアプリを作る方法の検索需要比較
幅広い需要は存在しますが、独自のデータとルールを持つ狭いワークフローほど、プロダクトの立ち位置は強くなります。

1. 最有力:既存SaaSに組み込む業界特化型アプリビルダー

特定の職種向けに用途を絞ったジェネレーターを作り、その顧客がすでに使っているソフトウェアの追加機能として販売します。不動産管理プラットフォームならオーナー向けポータル、物流プラットフォームなら配送例外ダッシュボード、フランチャイズ向けプラットフォームなら新拠点のローンチ管理を生成できます。

このカテゴリーを支えるだけの幅広い需要はあります。ai app builderの米国Google検索数は月間約12,100件で、データセットでは年間50%の伸びが示されています。AIアシスタントにbuild an app with aiと依頼する回数は月間約392件で、231件だった2025年8月から約70%増えています。既存のアプリビルダーには月額$16〜$160の料金設定があり、この用途に対して継続的なソフトウェア料金を支払う買い手がいることも分かります。

販売できる最小構成には、承認済みのアプリ種別を2〜3種類、構造化されたヒアリングフォーム、顧客アプリごとに1つのv0チャット、ストリーミング対応のレビュー画面、安全なプレビュープロキシ、人が操作するデプロイボタンが必要です。参入障壁になるのは、ホストプロダクトのデータモデル、権限、テンプレート、流通経路です。

厳しいものの役立つ判断基準があります。汎用ラッパーには、ほとんど防御力がありません。v0単体では知らない顧客業務の何を理解しているのか、明確に説明できないプロダクトなら作るべきではありません。

2. エージェンシー向けホワイトラベルWebサイト/キャンペーンビルダー

ブランドを反映した顧客ヒアリング、固定されたページ種別、自社のデザインシステムスキル、修正キュー、デプロイへの引き渡しをエージェンシーへ提供します。クライアントにはエージェンシー独自の体験を見せつつ、その裏側ではv0がアプリワークスペースとライブプレビューを担います。

ai website builderの米国Google検索数は月間約40,500件で、キーワードデータセットでは年間49%の伸びが示されています。今回の調査で確認できる最大の需要ですが、同時に、有力な既存サービスがひしめく市場でもあります。有効な切り口は「どんなWebサイトでも作れる」ではありません。「このエージェンシーが得意とするサイトを、この技術スタック、このコンポーネント、この承認工程で作る」という提案です。

MVPには、1つのブランド設定、3種類のページパターン、アセットのアップロード、プレビューへのコメント、デプロイ承認が必要です。課題はサポートです。生成されたコピー、レイアウト、アクセシビリティ、統合部分に修正が必要なとき、クライアントが評価するのはv0ではなくエージェンシーです。

3. プロダクトチーム向け「機能要望からプレビュー」ボット

承認済みのissueから、動作する変更案を作ります。GitHub Appまたは社内Webhookでリポジトリを取り込み、非同期のv0チャットを開始してチャットIDを記録し、プレビューをチケットへ投稿します。マージやデプロイの前には、必ず人がレビューします。

Googleではhow to build an app with aiが米国で月間約390回検索され、データセットでは年間86%の伸びが示されています。AIアシスタントにbuild an app with aiと依頼する需要は月間392件に達しました(2026年7月)。これはアプリ全体が動くことへの関心を裏付けますが、独立したCI市場が成立する証明にはなりません。広い層へ単独で販売するのではなく、チーム機能または開発者プラットフォームの追加機能として扱うのが妥当です。

MVPは、Webhook、リポジトリの許可リスト、非同期ジョブランナー、v0チャットの保存先、隔離されたプレビュー、承認ステータスで構成されます。課題はリスクです。生成されたプレビューコードは信頼できず、リポジトリへのアクセスは機密性が高く、もっともらしいデモが動いても、テスト、セキュリティ、マイグレーション、エッジケースが正しい証拠にはなりません。本番へのデプロイをデフォルトの動作にしてはいけません。

コーディングエージェントやプロンプトからアプリを作るツール全体の中での位置付けは、2026年版のおすすめvibe codingツールで詳しく比較できます。

v0 APIだけでは解決できないこと

APIが提供するのは、アプリを構築する作業者とその作業場です。周辺のプロダクトは、自社で担う必要があります。

  • 何を作るべきかまでは決めません。 曖昧な依頼から、意図とは違うものを精巧に作ってしまう可能性は残ります。ヒアリング、テンプレート、制約、レビューゲートが重要です。
  • 顧客の認可は行いません。 プレビューヘルパーはプレビュー通信を中継しますが、各チャットへ誰がアクセスできるかは自社アプリケーションで判断する必要があります。
  • 生成コードを信頼できる状態にはしません。 プレビューは、登録可能ドメインが異なるプレビュー専用サイトから配信し、本番へ到達する前にコードをレビューしてください。
  • v1のチャットをv2へ引き継ぎません。 v1のバージョンを1つ選び、ZIPとしてダウンロードして、その状態から新しいv2チャットを作成します。
  • Vercel APIの代わりにはなりません。 環境変数や一部のプロジェクト操作は、接続されたVercelプロジェクト側にあります。
  • 料金は固定されません。 ソースファイル、会話履歴、プロンプト、出力のすべてがトークン使用量に影響します。
  • ローカルのアプリ構築エンジンではありません。 統合部分はローカルで動かせますが、公式のワークフローはホストされたv0 APIを呼び出し、Vercelのインフラ上でプレビューを実行します。

私の見解では、動作するプレビューと、状態を維持した反復にプロダクト上の価値がある場合にv0を使うべきです。必要なのがコードスニペット、単発のコンポーネント、厳密に決まったファイル変換だけなら、追加のワークスペース、プロキシ、クレジット管理、デプロイの仕組みは不要です。

v0にAPIはありますか?

はい。現在のv2 APIを使うと、チャット、メッセージ、現在のファイル、安全なプレビュー、統合、Vercelへのデプロイなど、v0のアプリ構築エージェントをプログラムから操作できます。新しい統合ではv0パッケージを使います。

v0 APIは無料ですか?

v0はAPIアプリごとの個別定額料金ではなく、クレジットを使用します。Freeプランは月額$0で、毎月$5分のクレジットが含まれ、1日7メッセージの上限があります。有料のPlusプランとBusinessプランには、1ユーザー当たり毎月$30分のクレジットが含まれます。利用可能なクレジットがなくなると、生成は停止します。

v0はローカルで実行できますか?

スターターや独自の統合部分はnpm run devでローカル実行できますが、そのサーバールートはホストされたv0 APIを呼び出します。生成されたアプリはv0のVercel Sandboxで動き、プレビューは公式のプロキシ構成を通じて返されます。

v0とは何ですか?どう使いますか?

v0はアプリ構築エージェントです。APIでは、アプリごとに1つのチャットを作成してチャットIDを保存し、追加メッセージで同じアプリを更新します。ライブプレビューはバックエンド経由でプロキシし、レビューを終えた結果をVercelへデプロイします。

自社ビジネス向けのv0搭載ビルダーを設計し、本番運用に耐える形へ仕上げたい場合は、本番環境向けAIシステムの構築を依頼できます

最終更新

2026年9月3日

カテゴリーBuild

Googleでこのサイトを優先する

omidsaffari.comをGoogle検索の優先ソースに追加

omidsaffari.comを優先ソースに設定すると、GoogleがTop Stories・AI Overviews・AI Modeであなたのために優先表示します。

ニュースレター

毎週日曜、一通の手紙。 動くシステムの話。感想戦ではなく。

AIベンチャーのポートフォリオ運営から生まれるビルドログ、稼働中のシステム、現場ノート。

週刊。スパムなし。いつでも解除できます。