Bolt.newの使い方・料金ガイド【2026年3月最新】

要点 (30秒で読める答え): Bolt.newは、ブラウザ上で自然言語からフルスタックWebアプリを作成・公開できるAI開発プラットフォームです。無料プランは月3プロジェクトまで、Proは月額20ドルから利用できます。

「プログラミングを学ばずにアプリを作りたい」。その願いを今いちばん現実的に叶えてくれるのがBolt.newだ。

リリース後の伸びは各種報道で大きく取り上げられた。ARR（年間経常収益）もユーザー数も短期間で跳ね上がったとされる。ただし具体的な数値（ARR・ユーザー数・非エンジニア比率など）は報道ベースで、最新値はStackBlitz公式の発表を確認してほしい。

転機は2025年10月のBolt V2だった。AIによる自律デバッグやSupabaseとのデータベース統合が載り、プロトタイプ専用ツールから本格的な開発プラットフォームへと顔つきが変わった。

この記事のポイント Bolt.newの始め方から料金プラン、プロンプトのコツ、Lovable・v0との使い分けまで。2026年最新のBolt V2の変更点も押さえる。

この記事の要点

読む前に、全体像をつかんでおこう。

  • Bolt.newの基本概要と、Bolt V2で何が変わったか
  • 無料プラン〜Enterpriseまでの料金体系と、自分に合う選び方
  • アカウント登録からアプリ公開までの具体的な手順
  • 生成精度を左右するプロンプトの書き方
  • Lovable・v0・Cursorとの違いと使い分け

30秒で結論

時間がない人向けに、判断材料だけ先に置いておく。

  • Bolt.newはブラウザ上でフルスタックWebアプリを自然言語だけで作れるAI開発プラットフォーム
  • 無料プランあり。ただし本格開発はProプラン（月額$20〜）が現実的
  • 環境構築ゼロ、デプロイもワンクリック。非エンジニアでもMVPを数時間で公開できる
  • 競合との棲み分けは明快だ。Lovableはデザイン品質、v0はUIコンポーネント、Cursorは既存コードベースに強い。ゼロから一気通貫で作るならBolt.new
  • 商用利用はTeamsプラン以上が必要。ここは見落としやすい

Bolt.newとは？WebContainersが支える次世代開発

Bolt.newとは、サンフランシスコのStackBlitz社が開発したAI駆動のフルスタック開発プラットフォームです（評価額は報道ベース、最新は公式発表を要確認）。

中核にあるのがWebContainersという技術だ。WebAssemblyベースのブラウザ内Node.jsランタイムで、本来ならローカルPCに入れるNode.jsやnpmをブラウザの中だけで動かせる。要するに、開発環境のセットアップが丸ごと要らない。

従来のアプリ開発は、手を動かす前にこれだけの準備が必要だった。

  1. Node.jsをインストール
  2. エディタ（VS Codeなど）をセットアップ
  3. フレームワークのCLIで初期化
  4. 依存パッケージのインストール
  5. データベースの設定
  6. デプロイ先のホスティングサービスを契約・設定

Bolt.newは、この6工程をブラウザを開いて文章を入力するだけに圧縮する。初心者が最初につまずく「環境構築」を、まるごとスキップできるわけだ。

対応フレームワーク

React、Vue、Angular、Next.js、Astro、Remix、Svelteなど、主要どころはひと通り押さえている。フレームワークの選定や設定もAIに任せられるので、「ReactとNext.jsの違いがわからない」段階の初心者でも問題ない。用途を伝えれば、最適な構成はAIが勝手に組んでくれる。

Bolt V2で何が変わった？

2025年10月のBolt V2は、地味だが効く改善をまとめて投入してきた。

  • 自律デバッグ（Auto-Fix）：エラーが出たら「Fix Problem」ボタンを押すだけ。AIがバグを検出して直す
  • データベース統合：V2以降は標準で Bolt Database をワンクリック組み込み可能（認証含む）。Supabaseなど外部DBは有料プランや個別API設定で連携できる（2026-05時点）
  • Claude Agent標準搭載：2026年からClaude 3.7 SonnetやGPT-5などの最新モデルを選べる
  • Figmaインポート対応：デザインファイルからUIを自動生成
  • リアルタイムプレビュー：コード変更が即座にプレビューに反映

中でも効果が大きいのがデータベース統合まわりだ。以前なら「ユーザーログイン＋データ保存」の実装に数日かかっていたものが、チャットで指示するだけで数分で片付く。

Bolt.newの料金プラン【2026年3月最新】

Bolt.newには4つのプランがある。以下は2026年3月時点の情報だ。

無料プラン（Personal）

  • 月額：$0
  • 月間・1日あたりのトークン上限あり（具体値は公式料金ページで要確認・2026-05時点で変動あり）
  • 利用モデルは軽量版に限定
  • 商用利用やコード所有権の条件は公式利用規約を要確認（プランによって扱いが異なる）

「まず触ってみたい」人向け。計算機やToDoリストくらいなら、これで十分に試せる。ただしトークン上限が厳しく、複雑な指示を繰り返すとあっという間に制限に当たる。

Proプラン

  • 月額：$20（年払いだと$18/月）
  • プロジェクト作成数の制限なし
  • 月間最大1,000万トークン
  • Claude 3.7 SonnetやGPT-5など最新モデルの優先利用
  • 外部APIへのアクセス
  • ファイルアップロード無制限
  • 自動デプロイ枠付き

個人開発者の主力プランはこれだ。トークン消費量に応じて$20〜$200の範囲で段階的なプランが用意されている。実務レベルになるとプロンプトの修正と再生成を何度も回すため、トークンの減りは早い。月10回以上プロジェクトを作るなら、Proはほぼ必須になる。

Teamsプラン

  • 月額：$29/メンバー（年払い）、$35/メンバー（月払い）
  • Proの全機能＋チーム共同編集
  • プロジェクトごとの権限管理
  • メールサポート
  • チーム共同編集・権限管理が中心

スタートアップがチームでMVPを回すときの選択肢。5名までのチームでプロジェクトを共有でき、権限管理とメールサポートが付く。なお商用利用の可否はプランによらず公式規約で最新条件を確認しておきたい。

Enterpriseプラン

  • 要問い合わせ
  • 自社VPCへのデプロイ
  • カスタムSSO統合
  • オンプレミス・自社ホストオプション
  • 独自のAnthropic APIエンドポイント
  • Slack・Zoom・メールサポート
  • SOC2コンプライアンス対応

大企業向け。セキュリティ要件が厳しく、自社環境にBoltを置きたい組織のための枠だ。

どのプランを選ぶべき？

用途ごとに整理すると、迷いどころは思ったより少ない。

用途推奨プラン月額目安
学習・お試し無料$0
個人開発・副業Pro$20〜
スタートアップMVPTeams$29〜/人
企業導入Enterprise要相談

ほとんどのユーザーはProの$20で事足りる。チーム共同編集や権限管理が要るときだけTeams以上を検討すればいい（商用利用条件は公式規約で最新を確認）。

プランの全体像が見えたところで、実際に手を動かす流れを追っていこう。

Bolt.newの始め方：3ステップで開発スタート

ステップ1：アカウント登録

  1. bolt.new にアクセス
  2. 「Get Started」をクリック
  3. メールアドレスまたはGitHubアカウントで登録

GitHubアカウントがあるなら話は早い。「Continue with GitHub」→「Authorize StackBlitz」で認証するだけ。実質30秒だ。

ステップ2：プロンプトを入力

登録が済むと、すぐにプロンプト入力画面に出る。ここに作りたいアプリの説明を自然言語で書き込む。

ReactとTailwindで、シンプルなタスク管理アプリを作ってください。 タスクの追加・完了・削除ができて、優先度を3段階で設定できるようにしてください。 デザインはモダンでミニマルに。

数十秒でAIがコードを生成し、ブラウザ内のリアルタイムプレビューが立ち上がる。

ステップ3：修正してデプロイ

プレビューを見ながら、追加の指示で詰めていく。

「ダークモードの切り替えボタンを追加して」 「タスクをSupabaseに保存するようにして」 「完了したタスクはグレーアウトして」

納得できたら画面右上の「Deploy」をクリック。標準では Bolt Hosting（bolt.hostサブドメイン）で公開URLが即発行される。カスタムドメインや外部ホスティング（Netlify等）はプランや設定により対応可能だ（2026-05時点）。

シンプルなアプリなら、ここまで10〜30分程度。思いついたものが昼休みのうちに公開URLになる、という感覚に近い。

開発効率を上げるプロンプトのコツ

段階的な指示からアプリ部品が組み上がる様子

Bolt.newで質の高いアプリを出すコツは1つに尽きる。具体的で段階的なプロンプトを書くことだ。

悪いプロンプトの例

SNSを作って

これでは機能が曖昧すぎて、AIがどこから手をつけるか迷う。結果、中途半端なアプリが返ってくる。

良いプロンプトの例

Next.jsとTailwind CSSで、写真共有アプリを作成してください。

要件：

  • ユーザー登録・ログイン機能（Supabase Auth使用）
  • 写真のアップロード（ドラッグ＆ドロップ対応）
  • いいね・コメント機能
  • タイムライン形式の一覧表示
  • レスポンシブデザイン（モバイル対応）
  • カラーパレット：白ベースにアクセントカラーとして#3B82F6（青）

技術スタック（例。初心者はBolt推奨テンプレートからの開始を優先）：

  • フロントエンド：React + ViteまたはNext.js（公式テンプレに従う）
  • スタイリング：Tailwind CSS
  • バックエンド/DB：Bolt Database（標準）。Supabase等の外部DBは接続条件あり
  • デプロイ：Bolt Hosting（標準・bolt.hostサブドメイン）

要件を箇条書きで渡すほど、生成物のブレは小さくなる。逆に一文で丸投げすると、解釈の幅がそのまま品質のばらつきになって返ってくる。

プロンプトの黄金ルール

  1. フレームワークを指定する：「React」「Next.js」など使いたい技術を明示。わからなければ「おすすめの構成で」でいい
  2. 機能を箇条書きにする：必要な機能を具体的にリスト化する
  3. デザインの方向性を伝える：色、レイアウト、雰囲気を指定。参考画像のアップロードも効く
  4. 段階的に作る：最初は基本機能だけ。残りはチャットで足していくのが一番速い
  5. エラーは「Fix Problem」ボタンで：自分でコードを直す必要はない。AIに投げる

参考画像の活用

Bolt.newは、チャットに参考画像を添付できる。「このサイトのようなデザインで」と画像を1枚渡すだけで、レイアウトや配色をAIが読み取って再現する。言葉だけでは伝わりにくいデザインの意図ほど、画像の効きがいい。

ツールの使い方が固まったところで、競合との立ち位置を整理しておこう。

Bolt.new vs Lovable vs v0 vs Cursor：どう使い分ける？

AI開発ツールの使い分けを示す4つの抽象ワークベンチ

2026年のAI開発ツール市場は有力な競合がひしめいている。どれを選ぶかは、結局「何を作りたいか」で決まる。

Bolt.new — フルスタック一気通貫型

ゼロからフルスタックアプリを一息に作るならBolt.new。フロントエンド、バックエンド、データベース、デプロイまでブラウザ内で完結する。データベース連携が深く、認証付きアプリの構築が一番手軽だ。

Lovable — デザイン品質重視型

「開発チーム全体をシミュレートする」というコンセプトで、とにかくUIが美しい。非エンジニアのスタートアップ創業者がMVPを作る用途で評判がいい。見た目にこだわるならLovable。詳しくはLovable完全ガイドをどうぞ。

v0 — UIコンポーネント特化型

Vercel製で、React/Next.jsのUIコンポーネント生成はトップクラス。2026年2月のアップデートでGitHub統合・DB接続にも対応した。既存のNext.jsプロジェクトにUIを足すなら最適。v0完全ガイドも参考に。

Cursor — プロ開発者向けAI IDE

VS Codeベースのローカル開発環境。既存の大規模コードベースを扱わせたら最強だ。プロのエンジニアが日常の開発効率を底上げするためのツールで、非エンジニアには向かない。Cursor完全ガイドで詳しく解説している。

選び方の早見表

  • 「アプリ全体を一人で作りたい」 → Bolt.new
  • 「デザインが美しいMVPを作りたい」 → Lovable
  • 「UIパーツだけ生成したい」 → v0
  • 「コードをガチで書ける人が効率化したい」 → Cursor
  • 「3つのツールの詳しい比較を知りたい」 → Bolt vs Lovable vs v0比較記事

Bolt.newでよくある質問（FAQ）

Q. Bolt.newは日本語で使えますか？

はい、日本語のプロンプトに対応しています。メニューやUIは英語ですが、最初に「日本語で対応してください」と指示すればAIの応答も日本語になります。ただし、英語の方が精度が高い傾向があるため、技術的な指示は英語で書くのがおすすめです。

Q. Bolt.newで作ったアプリは商用利用できますか？

商用利用やコード所有権の取り扱いはプランや時期により変わるため、最新の公式利用規約とFAQで確認してください。チーム共同編集や権限管理が必要な場合はTeams以上が選択肢になります（2026-05時点）。

Q. Bolt.newで作ったコードはダウンロードできますか？

はい、プロジェクトをZIPファイルとしてダウンロードできます。ただし、GitHub連携は限定的で、Bolt.new上から直接GitHubリポジトリにプッシュする機能は2026年3月時点ではまだ完全ではありません。ダウンロードしたコードをローカルで管理する運用が一般的です。

Q. どんなアプリが作れますか？作れないものは？

Webアプリケーション全般が作れます。ToDoアプリ、SNS、ECサイト、ダッシュボード、予約システム、チャットアプリなど。一方、ネイティブモバイルアプリ（App StoreやGoogle Playに出すもの）や、計算量の大きいML処理、ネイティブモジュールに依存するライブラリは対応困難です。

Q. 無料プランでどこまでできますか？

基本的な機能は一通り試せますが、月間・1日あたりのトークン上限があり、複雑なアプリや修正を繰り返す開発には足りない場面が多いです（具体値は公式料金ページで要確認・2026-05時点）。「どんなツールか体験する」くらいの位置づけで、本格開発にはProプラン以上が必要です。

Q. Bolt.newとバイブコーディングの違いは？

バイブコーディングは「自然言語でAIに指示してコードを書かせる開発スタイル」全般を指す概念です。Bolt.newはバイブコーディングを実践するための代表的なツールの1つ。他にもLovable、v0、Cursorなどがバイブコーディング対応ツールとして人気です。

Q. Supabaseの連携は無料で使えますか？

Supabase側に無料プランがあるため、Bolt.newの有料プラン＋Supabase無料プランの組み合わせで始められます。Supabaseの無料枠は500MBストレージ・50,000行まで。小規模なMVPには十分ですが、ユーザーが増えたらSupabase側も有料プランへの移行が必要です。

Q. CursorやWindsurfからの移行は可能？

Bolt.newはブラウザ完結型、CursorやWindsurfはローカルIDE型と、アプローチが根本的に異なります。直接的な移行というよりも、用途に応じた使い分けが現実的です。プロトタイプはBolt.newで素早く作り、本格的な開発に移行する段階でCursorに切り替えるフローが人気です。

あわせて読みたい

AI PICKSの独自評価

AI PICKSでは、500以上のAIツールを独自の評価基準でスコアリングしています。外部レビュー・SNSバズ・トレンド指数・サイト人気度・プロダクト品質の5軸で総合評価しています。

Boltの総合スコア: 87点 / 100点満点

  • ユーザー評価: 4.5点（876件のレビュー）

編集部の検証メモ

検証の観点

Bolt.newを評価するにあたり、競合となるAI開発プラットフォームを3軸で比べた。①自然言語からの生成範囲（フロント／バック／DB）、②料金体系と無料枠の現実性、③非エンジニアの到達難易度。いずれも公開情報ベースの整理だ。同カテゴリで参照したのはLovable、v0（Vercel）、Cursorの3つである。

公開情報からの比較整理

各ツールの公式サイトとドキュメントで確認できる範囲を並べると、性格の違いがはっきり出る。

  • Bolt.new: ブラウザ上でフルスタック生成。無料プランあり、Pro月額$20〜。商用利用はTeamsプラン以上。WebContainersでNode.js環境をブラウザ内に展開
  • Lovable: フルスタック生成型。GitHub・Supabase連携が強くデザイン品質に定評。料金詳細は公式サイト最新情報を参照
  • v0: Vercel製。UIコンポーネント生成に特化、React/Next.jsとの親和性が高い
  • Cursor: ローカルIDE型。既存コードベースへの介入・大規模リファクタに強み

日本語UIは現状どれも英語ベースだが、プロンプトの日本語入力はすべて受け付ける。

編集部の総合判断

公式仕様から判断する限り、推奨は用途できれいに分かれる。

  • アイデアを最短でMVPまで持っていきたい非エンジニア → Bolt.new。環境構築ゼロでデプロイまで一気通貫
  • デザイン重視のSaaSプロトタイプを作りたい → Lovable。UI品質と外部連携のバランスが良い
  • 既存プロジェクトの一部を改修・拡張したい開発者 → Cursor。コードベース理解を活かせる

ひとつだけ注意がある。商用展開を視野に入れるなら、Bolt.newはTeamsプラン以上が必要になる。ここは契約前に確認しておきたい。