Bolt.newとは？ブラウザだけでAIにアプリを作らせる仕組みを公式情報で整理する

Bolt.newとは何かを一言でいうと「書いた文章がそのまま動くアプリになる場所」

Bolt.newは、Webサイト・Webアプリ・モバイルアプリを作るためのAIビルダーです。

チャット欄に作りたいものを文章で入力し、Build nowのボタンを押すと、その文章が動く製品に変わります。

ここで言う「動く製品」は、画面のデザイン案やワイヤーフレームではありません。

ブラウザのプレビュー枠の中で、ボタンを押せばちゃんと反応し、ログインもデータの保存もできる状態まで作られます。

開発元のStackBlitzは、Webブラウザの中でNode.jsをそのまま動かす技術を最初に実用化した会社です。

Bolt.newはその技術の上で動いているので、利用者の側で開発環境を組む作業が1つもありません。

項目	Bolt.newの中身
正式な位置づけ	Webサイト・Webアプリ・モバイルアプリ向けのAIビルダー
開発元	StackBlitz（WebContainersの開発元）
動かす場所	ブラウザのみ。ローカルへのインストールは不要
土台の技術	WebContainers（ブラウザ内でNode.jsを実行する仕組み）
課金の単位	トークンの消費量
コードの権利	利用者のもの。商用利用も可能
セキュリティ認証	SOC 2 Type II に準拠

出典＝Intro to Bolt（Bolt.new 公式ヘルプ）／FAQs（Bolt.new 公式ヘルプ）。

AIでアプリを作る道具は数が増えましたが、その多くは「コードを書く部分」だけを受け持ちます。

書いたコードを置くサーバーや、データを貯めるデータベースは、別のサービスで契約するのが普通です。

Bolt.newはその外側までを1つの画面に抱え込んでいる点が、他の道具との分かれ目になります。

チャット欄に文章を入れてから、公開されたURLを人に渡すまで、ブラウザのタブを1枚も増やさずに進みます。

Bolt.newで作れるものは大きく3種類ある

公式のヘルプは、Bolt.newで作れるものを3つの区分で並べています。

Webサイト・Webアプリ・モバイルアプリの3つで、どれも同じチャット欄から始まります。

Webの側は、JavaScript系のフレームワークを幅広く使ってフルスタックのアプリとして組まれます。

モバイルアプリだけは仕組みが別で、Expoという外部サービスとの連携を通して作られます。

そのため、スマートフォン向けのアプリが欲しいときは、最初のプロンプトに「mobile app」という言葉を必ず入れます。

この一言があるかどうかで、Bolt.newがExpo対応のプロジェクトとして組み始めるかが決まります。

後から方向転換するより、1通目の文章で宣言しておくほうが手数が少なく済みます。

3種類のどれを作る場合でも、画面の中でプレビューを見ながら直していく流れは共通です。

ログインとサインアップの機能も、プロンプトで頼めばその場で組み込まれます。

公式ヘルプは「メールでの登録とログインを作り、ホーム画面の右上にログインとログアウトのボタンを置いて」という依頼文を例として挙げています。

この依頼を受けるとデータベースが必要になるため、無い場合はBolt.newが自動で用意します。

認証の方式はメールとGoogleのどちらにするかまで、あとから設定で切り替えられます。

Bolt.newがブラウザだけで完結する理由はWebContainers

Bolt.newに開発環境の準備がいらない理由は、WebContainersという技術にあります。

WebContainersは、開発環境まるごとをブラウザの中で動かすStackBlitz製の仕組みです。

サーバー側で仮想マシンを立てているのではなく、目の前のブラウザの中で動いています。

この構造のおかげで、WindowsでもMacでも同じ挙動になり、環境の違いによる不具合が起きません。

必要なものはブラウザだけで、公式ヘルプはChromeまたはChromium系のブラウザを推奨しています。

Opera・Brave・Edge・Vivaldiといったブラウザも同じChromium系に含まれます。

一方で、外部からBolt.newを操作する手段は現時点で用意されていません。

公開APIもCLIもSDKも無いため、自動化スクリプトからBolt.newを呼び出す使い方はできません。

技術の詳細はWebContainers（StackBlitz 公式）にまとまっています。

ブラウザの中で完結する設計には、日々の作業に効く副作用もあります。

タブを閉じても作業内容は消えず、次に開いたときは左のサイドバーのProjectsから同じ続きに戻れます。

プレビューが真っ白になったときの一次対応も、ブラウザ側の操作で片付きます。

Macは Cmd + Shift + R、Windowsは Ctrl + Shift + R でハードリロードをかけるのが最初の手です。

それでも直らないときは、プロジェクトを新しいタブで開き直します。

Bolt.newでプロジェクトを始める入口は5通り

Bolt.newの出発点は、まっさらなプロンプトだけではありません。

すでに手元にある資産を持ち込んで始める道が4つ用意されています。

始め方	何を持ち込むか
アイデアを書く	作りたいものを文章で入力してBuild nowを押す
Figmaを取り込む	Figmaのフレームを読み込んで動くプロジェクトに変換する
Google Stitchを取り込む	Google Stitchで作ったデザインを書き出して読み込ませる
GitHubを取り込む	既存のリポジトリをBolt.newのプロジェクトとして開く
Lovableから移す	Lovableで作ったプロジェクトをBolt.newへ持ち込む

デザインから入れる導線が2つある点が、Bolt.newの入口の広さを示しています。

デザイナーが作った画面をそのまま渡せば、画面の再現から書き起こす手間が省けます。

GitHubの取り込みは、既存のコードベースを持つ開発者向けの導線です。

同じくAIでアプリを作るLovableについては、別の記事で使い方を整理しています。

Lovableの操作の流れはLovableの使い方にまとめました。

Bolt.newのAIエージェントはStandardとMaxの2択

Bolt.newは、中で動くAIエージェントを利用者が選べる形になっています。

選択肢はStandardとMaxの2つで、どのモデルを当てるかはBolt.new側が決めます。

利用者がモデル名を指定する必要はなく、仕事の種類でエージェントを選ぶだけです。

エージェント	性格	向いている仕事
Standard	速くてトークン効率が高い。普段使いの既定	小〜中規模のアプリ、UIの修正、要件がはっきりした作業
Max	1手ごとに深く考える。詳しい指示ほど効く	大規模なアプリ、複雑に絡んだ機能、リファクタリング、答えが見えない課題

無料プランで使えるのはStandardだけで、Maxは有料プランに上げると選べます。

Maxは推論を深く回すぶん、単純な作業では差が出にくいという整理も公式ヘルプに載っています。

これとは別に、Bolt Forgeというオープンソースのモデルを使う選択肢もあります。

Forgeは利用権がある人の画面にだけ第3の選択肢として並び、権利が無いときは鍵がかかった状態で表示されます。

エージェントの切り替えは、トップページのチャット欄下のドロップダウンか、プロジェクト内のチャット欄左下から行います。

詳しい条件はChoose an agent（Bolt.new 公式ヘルプ）に整理されています。

Bolt.new Cloudがデータベースとホスティングとドメインを丸ごと持つ

Bolt.newの特徴としていちばん実務に効くのが、Bolt Cloudという内蔵のインフラです。

データベース・ホスティング・ドメインの3つが、1つのプロジェクトの中で完結します。

外部サービスの契約もアカウント作成も挟まずに、公開まで到達できる形です。

データベースは自動で用意される

アプリにデータの保存が必要だと判断されると、Bolt.newが自動でデータベースを作ります。

テーブルの中身は表形式で確認と編集ができ、操作のログやエッジ関数やシークレットも同じ画面に並びます。

ユーザー管理と認証も、プロジェクトを離れずに扱えます。

もっと踏み込んで使いたいときは、データベースを自分のものとして引き取り、Supabaseへ接続する道も用意されています。

データベースが自動で立ち上がるぶん、最初のビルドは時間がかかります。

公式のクイックスタートは、ログインとお気に入り保存を含むアプリの初回ビルドに5分ほどを見込んでいます。

データベースを使わないアプリであれば、これより短い時間で組み上がります。

ホスティングは無料ドメイン付き

公開すると、どのプロジェクトにも無料の bolt.host サブドメインが割り当てられます。

無料プランは月あたり10GBの転送量と333,333リクエストが上限で、超えると翌月まで停止します。

有料プランは30GBと100万リクエストが基準で、上限を超えても使った分だけ払って動かし続ける選択ができます。

ドメインはプロジェクト単位で管理する

独自ドメインは有料プランだけの機能で、Bolt.newで購入する道と、手持ちのドメインを接続する道があります。

無料プランへ落とすと独自ドメインへの再公開ができなくなります。

すでに公開済みのサイトはそのまま残りますが、そこから先の更新は止まります。

転送量と料金の関係はBolt Cloud hosting plans（Bolt.new 公式ヘルプ）に一覧があります。

Bolt.newは外部サービスとつないで機能を広げる

アプリに必要な機能のうち、専門のサービスに任せたほうが早いものは連携で解決します。

MCPサーバーの接続は、外部の情報をAIの手元に渡すための汎用の口です。

ただし、つないだぶんだけAIが読む情報が増え、トークンの消費も増えます。

そのため必要なプロジェクトでだけ接続を有効にする使い方が推奨されています。

アカウントの管理面はStackBlitz側と結びついており、登録メールアドレスの変更などはStackBlitzの画面で行います。

Bolt.newは1人でも複数人でも回せる

プロジェクトは1人で抱えてもよく、他の人を招いて一緒に触ってもかまいません。

共同編集者には閲覧者・編集者・共同オーナーの3段階の権限を割り当てられます。

同時に開いて作業するマルチプレイヤーの機能もあり、データベースやGitHubの接続も共有されます。

ここで注意したいのが、編集した人のトークンがその人の口座から引かれる点です。

招いた相手が作業しても、招いた側のトークンが減るわけではありません。

組織単位で使うときはTeamsプランが用意されています。

Teamsでは請求が1か所にまとまり、管理者がメンバーの権限や連携の可否をまとめて決められます。

共有プロンプトやチームテンプレート、プライベートNPMレジストリの利用もTeams側の機能です。

個人の作業場とチームの作業場は、同じログインの中で別々の空間として扱われます。

切り替えはアカウント設定から行い、どちらで作ったプロジェクトかが混ざることはありません。

チームには支払いをしていないメンバーも入れられますが、その人にはトークンが割り当てられません。

トークンが無いメンバーはプロンプトを投げられないため、閲覧とレビューの役に回ります。

Bolt.newが向いている人と、別の道具のほうが早い人

Bolt.newの守備範囲は広いものの、すべての開発に最短の道具というわけではありません。

公式ヘルプは対象を「すべての人」と置いたうえで、立場ごとに解ける課題を並べています。

立場	Bolt.newで解けること
プロダクトマネージャー	気づきをその日のうちに動く試作にしてチームで検証する
起業家	会社のWebサイトから製品本体まで、事業まるごとを自分で組む
マーケター	SEOとホスティング込みでキャンペーン用のページを作る
制作会社	人を増やさずに受託案件の本数を増やす
学生・個人開発者	課題や趣味のプロジェクトを動くアプリに変える

コードを書いたことがない人にとっては、技術的な障害物が取り除かれる点が大きな価値です。

作りたいものを説明し、返ってきた画面を見て感想を返す、という往復だけで形になります。

経験のある開発者にとっての価値は、速さと自由度の両立にあります。

言語もフレームワークも自分で選べて、コードビューで直接書き換えることもできます。

反対に、既存の大規模なシステムへ機能を1つ足すような仕事とは相性がよくありません。

外部からBolt.newを呼び出す口が無いため、CI/CDのパイプラインへ組み込む使い方も想定の外です。

こうした場面では、手元の環境で動くエディタ型のAIツールのほうが噛み合います。

Bolt.newと他のAI開発ツールの違いはどこにあるか

AIにコードを書かせるツールは数が多く、役割の線引きが見えにくくなっています。

Bolt.newの立ち位置は、作る・置く・見せるまでを1つの画面で終わらせることにあります。

比べる軸	Bolt.newの答え
動かす場所	ブラウザのみ。エディタのインストールがいらない
データベース	必要だと判断された時点で自動生成される
公開サーバー	内蔵。無料の bolt.host が最初から付く
独自ドメイン	有料プランで購入も接続も画面内で完結する
コードを直接触る	コードビューで編集できる。編集自体にトークンは要らない
外部から操作する	公開APIとCLIとSDKは用意されていない

コードエディタ型のツールは、手元のパソコンに開発環境がそろっている人向けです。

Bolt.newはその前提を外し、ブラウザ1枚から始められる形に振り切っています。

反対に、環境をすでに整えている開発者にとっては、コードビューとGitHub連携が接点になります。

同じブラウザ完結型のツールとしては、Replitも比較対象に挙がります。

Replitの中身はReplitとはで整理しています。

Bolt.newを無料で試せる範囲はどこまでか

Bolt.newはクレジットカードを登録しなくても触り始められます。

登録はGoogle・GitHub・メールアドレスのいずれかで、支払い情報の入力は求められません。

無料プランで動かせる量は、1日30万トークンと1か月100万トークンの2重の枠で決まります。

1日の枠を使い切っても、コードビューでの直接編集はトークンを消費しないので手は止まりません。

公開も無料プランの範囲に入っており、bolt.host のアドレスでそのまま世界に出せます。

無料プランで使えるもの	扱い
公開・非公開のプロジェクト	どちらも作成できる
トークン	1日30万・1か月100万まで
エージェント	Standardのみ
ホスティング	bolt.host のアドレスで公開できる
データベース	個数の上限なし
ファイルのアップロード	1ファイル10MBまで
Made in Bolt バッジ	プレビューと公開サイトに表示される
独自ドメイン	使えない

無料プランのサイトには Made in Bolt のバッジが付き、有料プランに上げると次の公開時に外れます。

試すだけなら、この範囲で最初のアプリを公開するところまで到達できます。

金額とトークン量の対応はTokens（Bolt.new 公式ヘルプ）とBolt Cloud hosting plans（Bolt.new 公式ヘルプ）に載っています。

Bolt.newで作ったコードの権利とセキュリティの扱い

AIに書かせたコードを仕事で使えるかどうかは、最初に確認すべき点です。

Bolt.newで生成したコードの権利は利用者にあり、法に触れない範囲であれば商用のプロジェクトにも使えます。

作ったアプリを販売したり、受託の納品物にしたりする使い方が想定されています。

組織としての情報の扱いについては、SOC 2 Type IIへの準拠が公表されています。

監査報告の中身に触れたい場合の窓口は、公式サイトのEnterpriseページに置かれています。

アプリ側の安全確認としては、公開前にセキュリティの点検を走らせる機能があります。

有料プランでは公開メニューから監査を実行でき、見つかった問題はBolt.newが自動で直します。

データベースの安全性は、プランを問わずデータベース設定のSecurityタブから確認できます。

アカウントそのものを消したい場合は、StackBlitzにサインインして設定画面から削除します。

この操作は取り消しができず、アカウントの中のプロジェクトも一緒に消えます。

残したいプロジェクトがあるなら、GitHubへ書き出してから削除の操作に進む順番になります。

バージョンの管理は、Bolt.new側でも自動で行われています。

プロンプトが1回処理されるたびに、その時点のプロジェクトが1つの版として保存されます。

おかしな方向へ進んでしまったときは、履歴から前の版を選んで戻せます。

この復元の操作にトークンは要らないため、失敗の後始末が料金に跳ね返りません。

Bolt.newとは何かに関するよくある質問

Bolt.newとは何かのまとめ

ここまで見てきたBolt.newの輪郭を、最後に要点だけで並べ直します。

作る道具と置く場所が同じ画面にあることが、Bolt.newのいちばん分かりやすい輪郭です。

手を動かす前に全体像を確かめたいときはBolt.new トップページ（Bolt.new 公式）とIntro to Bolt（Bolt.new 公式ヘルプ）を先に開くと早いです。

料金の土台になるトークンの考え方はTokens（Bolt.new 公式ヘルプ）にまとまっています。