v0 by Vercel — 非エンジニアが LP を 30 分で作る、Vercel の AI プロトタイプ環境
AI経営ラボ 評価: ⭐ 4.2 / 5
提供元: Vercel, Inc.
カテゴリ: AI UI 生成 / プロトタイプ作成
「LP の叩き台を見せたいだけなのに、外注すると 2 週間と 10 万円かかる」。経営者・マーケ担当の悩みを 30 分まで圧縮できるのが、Vercel が提供する AI プロトタイプ環境 v0 です。プロンプトで指示するだけで、ランディングページ (LP) やダッシュボードの動く試作品を返してくれる。無料で試せる範囲・有料化の判断・現場運用の落とし穴を編集部が整理します。
この記事のポイント
- v0 は 「プロンプトで LP / ダッシュボードを生成する Vercel 製の AI 開発環境」。2025 年 8 月に v0.dev から v0.app に移行
- 料金は 無料プラン (月 $5 クレジット + 1 日 7 メッセージ) から Team $30 / 月、Business $100 / 月 の 3 段階 + Enterprise (個別見積もり)
- 2026 年 2 月の大型アップデートで GitHub リポジトリ取り込み・Git パネル・Snowflake / AWS DB 連携 が追加され、プロトタイプから本番運用へ橋渡し可能に
- 非エンジニアの「叩き台作成ツール」として最適。最終的な本番運用には開発者の関与が必要で、デザイン・データ連携の作り込みは別工程
- 個人事業主・小規模チームは無料プランで十分。週 5 本以上のプロトタイプを量産する場合のみ Team プランへの移行を検討
編集長の見解 (Mira / AI経営ラボ)
v0 は「外注前に経営者が自分でデザイン案を作って意思決定する」ための、極めて実用的な AI ツールです。編集部の率直な評価としては、「最終納品物を作る道具」ではなく、「制作会社・デザイナーへの発注前にコンセプトを固める道具」 として捉えることをお勧めします。無料プランの 1 日 7 メッセージでも、LP のたたき台レベルなら十分試せる範囲です。本記事は「使うか使わないか」「無料で続けるか有料に移るか」を判断するための材料として読んでください。
v0 とは — Vercel が提供する AI 主導の UI 生成環境
v0 は、米国カリフォルニア州サンフランシスコに本社を置く Vercel, Inc. が運営する、生成 AI を使った UI / Web アプリケーション開発プラットフォームです。Next.js (React フレームワーク) の開発元として知られる Vercel が、2023 年 10 月に「Generative UI」の名で初版を公開し、2025 年 8 月にドメインを v0.dev から v0.app に移行しました。
公式ブログ v0.dev → v0.app によれば、リブランディングの目的は 「開発者だけでなく創業者・デザイナー・マーケ・営業・財務などのビジネス職種にも開放する」 こと。事実、v0.app のトップページではテンプレートとして以下が用意されています。
- ランディングページ (LP): クラウドサービス (SaaS) 紹介、エージェンシー、不動産、飲食店等
- ダッシュボード: 金融、スマートホーム、暗号資産、業務管理
- EC ストア: Shopify ストアフロント連携
- 業務アプリ: ファイルマネージャー、カレンダー、社内ポータル
- UI コンポーネント: shadcn/ui ベースの再利用可能なパーツ
つまり「プロトタイプの叩き台を AI が生成し、必要なら本番運用まで引き上げる」という一気通貫の環境を狙っています。
主要機能 — 30 分プロトタイプの中身
プロンプト → アプリ生成
v0 のコア体験は単純です。チャット欄に「中小企業向け会計ソフトの LP を作って。料金プランは 3 段階、ベネフィットは時短と税理士コスト削減」と書くと、数秒〜数十秒で 動くプロトタイプ が返ってきます。
返ってくるのは以下の組み合わせです。
- コード: React + Next.js + Tailwind CSS + shadcn/ui で構成
- プレビュー: その場でブラウザ表示、画面サイズ別 (PC / タブレット / スマホ) 確認可
- デザインモード: 公式は「Edit with design mode」と表記。視覚的に色・余白・配置を調整できる
GitHub 連携と Git パネル (2026 年 2 月追加)
Introducing the new v0 (2026-02-03) で発表された大型アップデートでは、以下が追加されました。
- 既存の GitHub リポジトリを取り込んで、その上で AI に編集させる
- 非エンジニアでも Git パネルからブランチ作成・プルリクエスト発行・デプロイが可能
- Snowflake / AWS データベースへの直接接続
公式ブログの記述によれば「shadow IT 問題 (現場が勝手に AI 生成コードを公開してしまうリスク)」への対応として、Vercel のセキュリティ基盤・アクセス制御・コンプライアンス機能 を流用できる設計になっています。
モバイル対応 (iOS アプリ)
v0.app メニューには「Create from your phone」として iOS 専用アプリ が掲載されています。移動中に思いついた LP のラフを音声入力で AI に渡せる、という想定です。
編集部のヒント — 「叩き台」と「最終納品」を切り分けて使う
v0 を使った経営者から最も多く聞く失敗は、「v0 で作った画面をそのまま本番公開してしまい、デザインが粗いまま顧客に見せてしまった」というもの。v0 の出力はあくまで叩き台と割り切り、対外公開する場合は最終工程でデザイナー・エンジニアの確認を入れることを編集部は推奨します。
料金プラン — 無料で十分か、有料の損益分岐は
ここが本記事で最も実用的な部分です。公式 Pricing ページ を編集部が確認した内容を整理します。
プラン比較表
| プラン | 月額 (USD) | 月額 (¥, 概算) | 月間クレジット | 主な制限 / 機能 |
|---|---|---|---|---|
| Free | $0 | ¥0 | $5 / 月 | 1 日 7 メッセージまで、Design Mode、GitHub 同期、Vercel デプロイ |
| Team (推奨) | $30 / ユーザー | 約 ¥4,500 | $30 / ユーザー + ログイン日次 $2 | チームでチャット共有・協業 |
| Business | $100 / ユーザー | 約 ¥15,000 | $30 / ユーザー + ログイン日次 $2 | データ学習除外、優先サポート |
| Enterprise | 個別見積もり | — | カスタム | SAML SSO、ロールベース権限、SLA、データ非学習保証 |
※ 円換算は 1 ドル = 150 円で編集部が概算。月額・クレジットは v0.app 公式 Pricing (2026 年 5 月時点) の確認値で、最新情報は公式ページでご確認ください。
無料プランで何ができるか
無料プランの 「1 日 7 メッセージ + 月 $5 のクレジット」 という設計は、編集部が試した感覚では以下のラインです。
- LP の叩き台 1 本を仕上げるのに使うメッセージ数: 5〜10 往復
- 複雑なダッシュボードのプロトタイプ: 15〜25 往復
- そのまま本番のコードに磨き上げる: 30〜50 往復が目安
つまり 「週 1 回、思いついた企画の叩き台を作る」程度なら無料で完結。一方で、月に 4〜5 件のクライアント提案資料を作る、あるいは社内ダッシュボードを継続改修する場合、無料プランでは確実に足りません。
有料プラン (Team $30) の損益分岐
編集部の試算では、Team プランの $30 (¥4,500) は以下のいずれかに該当する場合に元が取れます。
- LP / 提案資料のプロトタイプを 月 4 本以上 作る
- 既存の Web 制作外注 (1 本 ¥3〜10 万円) のうち 1 本でも自社で叩き台まで持っていける
- マーケ部門が AB テスト用の LP バリエーションを月 5 種類以上 試したい
逆に「思いついたときだけたまに使う」「個人事業主で月 1 件 LP を作る程度」なら、無料プランで十分という編集部の評価です。
編集部の警告 — クレジット消費量で予算が読みづらい
v0 はメッセージ数ではなく「クレジット (ドル建て) 消費量」で課金されます。AI モデルに v0 Mini / Pro / Max / Max Fast の 4 段階があり、複雑なリクエストほど消費量が増える設計です。「月 $30 のはずが気づいたら $50 使っていた」 という事態を避けるため、Team プラン以上を契約する場合は、メンバーの利用ログをこまめに確認することを推奨します。
中小企業のユースケース — 誰がどう使うか
v0 が想定する利用場面は、公式ブログ v0.dev → v0.app で以下のように示されています。
経営者・創業者
- 投資家ピッチ資料の補助としての最小機能版 (MVP) プロトタイプ
- 新規事業のサービス LP を、外注前に自分で 30 分で作って意思決定
マーケ・営業担当
- AB テスト用の LP バリエーションを量産
- 商談デモ環境を顧客セグメント別にカスタマイズ
- メルマガ・キャンペーン用の単発 LP を即席で立ち上げ
製品マネージャー
- ユーザーストーリーから機能ダッシュボードのプロトタイプを生成
- 開発者と仕様を擦り合わせる前のたたき台として活用
採用・人事・財務
- 社内向けの簡易ポータルや申請フォーム
- 採用プロセスの社内ダッシュボード
- 経費精算・予算管理の試作画面
つまり 「IT 部門に依頼すると 1 ヶ月待ちの仕事を、現場が 30 分で叩き台まで持っていく」 という民主化を狙ったツールが v0 です。
編集部メモ — Vercel が「ビジネス職向け」を打ち出す意味
Vercel は本来、開発者向けのホスティング・デプロイ基盤を提供してきた企業です。その Vercel が v0 で「founders, designers, developers, marketers, sales, finance, and more (公式ブログの記述)」と職種を広げたのは、AI 時代の Web 制作市場の主戦場が「コード」から「業務職が直接プロトタイプを作る環境」に移っているという見立てを示しています。
v0 vs Bolt.new vs Lovable — 中小企業はどれを選ぶか
v0 と類似の AI UI 生成ツールには、StackBlitz の Bolt.new や Lovable.dev などがあります。編集部の比較は以下の通りです。
| 比較軸 | v0 (Vercel) | Bolt.new | Lovable |
|---|---|---|---|
| 運営企業 | Vercel (米サンフランシスコ) | StackBlitz | Lovable AB (スウェーデン) |
| 無料プラン | $5 / 月 + 1 日 7 メッセージ | あり (条件は変動) | あり (条件は変動) |
| 得意領域 | LP / ダッシュボード / Next.js | フルスタック Web アプリ | フルスタック Web アプリ |
| スタック | React + Next.js + Tailwind + shadcn/ui | Vite + React + Node.js | React + Supabase 連携 |
| 本番運用への橋渡し | Vercel デプロイ + GitHub 連携 | StackBlitz 内デプロイ | Lovable hosting |
| ビジネス職への適性 | 高 (UI 中心) | 中 (技術寄り) | 中 (Supabase 知識が要る) |
結論: 「LP・社内ダッシュボードを最短で作りたい」「すでに Vercel / Next.js を使っているチーム」 → v0。「もっとフルスタック寄りで Web アプリ全体を作りたい」 → Bolt.new または Lovable を検討、というのが編集部の現時点 (2026 年 5 月) の整理です。
始め方 — 無料アカウントから 30 分プロトタイプまで
編集部が確認した、v0 を初めて触る経営者・マーケ担当向けの最短ルートは以下です。
- アカウント作成 (5 分): v0.app にアクセスし、GitHub または Google アカウントでサインイン
- プロンプト入力 (5 分): 作りたいものを日本語で記述。例「自社の AI コンサルサービスの LP を作って。料金は月額 ¥10 万円、ターゲットは中小企業の経営者」
- プレビュー確認 (5 分): ブラウザ上で動作確認、PC / スマホ表示の切替
- 修正指示 (10 分): 「ヒーロー画像を別案に」「料金プランを 3 段階に」などを追加プロンプトで指示
- 共有 / 公開 (5 分): URL を発行して関係者に共有、またはそのまま Vercel にデプロイ
合計で 30 分程度 が編集部の体感目安。慣れれば 15 分でも回せますが、初回は 1 時間ほど見ておくと安心です。
編集部の警告 — 「本番運用」の手前で必ず立ち止まる
v0 で作ったプロトタイプを そのまま本番の対外サイトとして使うこと は、編集部としては推奨しません。理由は以下です。
- デザイン品質: AI 生成は「平均的な見栄え」止まり。ブランドの世界観表現は人手の調整が必要
- アクセシビリティ: WCAG 等の準拠は AI が完璧に保証してくれない
- 法令対応: プライバシーポリシー・特定商取引法表記等は別途人手で確認
社内向け資料・営業デモ・社内ダッシュボードであればそのまま使える場面は多いですが、外向けの本番 LP に使うなら最後に必ず人の目を入れる ことを徹底してください。
よくある質問 (FAQ)
Q. 日本語でプロンプトを書けますか? A. 書けます。生成 AI レイヤーは多言語対応です。ただし生成されるコード内の変数名・コメント等は英語が中心になります。
Q. 生成されたコードの著作権は誰にありますか? A. 公式利用規約では、ユーザーが生成したコードはユーザー側に権利が帰属する設計です (詳細は Vercel 利用規約 を確認してください)。
Q. 自社の社外秘データを v0 に入力しても安全ですか? A. Free / Team プランでは「学習に利用される可能性」が公式 Pricing で示されています。社外秘・顧客データを扱う場合は Business プラン (月 $100) の「データ学習除外」または Enterprise プラン の利用を編集部は推奨します。
Q. 生成 AI が出力したコードに不具合があった場合は誰が責任を負いますか? A. AI 生成コードの最終的な品質責任は利用者側にあります。本番運用前にエンジニアによるレビューを必ず行ってください。
Q. 既存の WordPress サイトの一部に v0 で作ったページを組み込めますか?
A. 直接組み込みは難しいです。v0 の出力は React / Next.js 前提のため、WordPress に統合する場合は別ドメイン (例: lp.example.com) として Vercel にデプロイし、本サイトからリンクする運用が現実的です。
出典・参考情報
- v0 by Vercel 公式サイト
- v0 公式 Pricing ページ
- Vercel 公式ブログ: v0.dev → v0.app (2025-08-11)
- Vercel 公式ブログ: Introducing the new v0 (2026-02-03)
- Vercel 公式ブログ一覧 (v0 関連記事)
関連記事
Mira / AI経営ラボ 編集長 編集部は中小企業の経営判断に資する AI ツール評価を、公式情報源と実機検証をもとに継続的に更新しています。料金は 2026 年 5 月時点の確認値であり、最新情報はリンク先公式ページでご確認ください。
もっと深く学ぶための関連書籍
v0 が返す React / Next.js のコードを「叩き台」から「本番品質」へ磨き上げる工程では、結局のところフロントエンド設計とコンポーネント思考の土台が効いてきます。生成 AI に任せきりにせず、出力を読み解いて手を入れられるようになるために、React を軸にしたフロントエンド開発の書籍で基礎を補強しておく価値があります。
Amazon で 生成AI フロントエンド React 関連書籍を見る →
※ アフィリエイトリンクを含みます
料金プラン
| プラン | 料金 (JPY) | 請求 |
|---|---|---|
| Free | ¥0 | 月額 |
| Team (推奨) | ¥4,500 | 月額 |
| Business | ¥15,000 | 月額 |
👍 メリット
- プロンプトを送るだけで LP / ダッシュボードのプロトタイプが 30 分以内に立ち上がる (編集部の体感)
- 無料プランで月 $5 のクレジット + 1 日 7 メッセージまで試せる (公式 Pricing 公表)
- GitHub 連携でコードを直接リポジトリに送れる (2026 年 2 月のアップデートで追加)
- shadcn/ui・Tailwind CSS・Next.js 前提で、生成コードがそのまま現場で使える
- iOS アプリで外出先からプロトタイプを作れる (公式 v0.app のメニューに掲載)
👎 デメリット
- 無料プランは 1 日 7 メッセージまでで、本格的に使うなら月 $30 (約 ¥4,500) の Team プランが必要
- コストが「メッセージ数」ではなく「クレジット消費量」で動くため予算が読みづらい
- 生成された UI のデザイン品質は「叩き台」レベル。最終仕上げは人手による調整が必要
- 出力は React / Next.js 前提のため、WordPress や静的 HTML 中心の現場では運用に工夫が要る
- 公式情報が英語中心で、日本語ドキュメントは限定的