Review — AI開発ツール
Bolt.new
StackBlitzが仕掛ける「ブラウザ完結型AI開発」は、本当にエンジニア不要の世界を実現するのか
総合
7/10
使いやすさ
9/10
性能
6.5/10
コスパ
6.5/10
プライバシー
7/10
おすすめ度
B
Summary
Bolt.newはプロトタイピング速度で他の追随を許さないが、本番品質のプロダクションコードには程遠い。ブラウザ内でフルスタックアプリが即座に動く体験は衝撃的だが、複雑な要件になると途端にコード品質が崩壊する。非エンジニアのMVP作成ツールとしては最高、プロの開発ツールとしては力不足。
最初の5分で完成するToDoアプリ、その先に待つ現実
Bolt.newを開いた瞬間、目の前にはチャット画面だけがある。「ToDoアプリを作って」と入力すると、画面が分割され、左側にコードが、右側にプレビューが表示される。5分も経たないうちに、認証機能付きのToDoアプリが目の前で動き始めた。 この体験は正直、衝撃だった。ローカル環境のセットアップも、依存関係のインストールも、ビルドの待ち時間もない。すべてがブラウザ内で完結する。StackBlitzが開発したWebContainersという技術がこれを可能にしている。Node.jsランタイムがブラウザ内で動作し、npm installからサーバー起動まで一切のローカル環境が不要になる。 だが「ToDoアプリが5分で動く」と「本番環境で使えるアプリが作れる」の間には深い溝がある。実際に少し複雑な要件を投げてみた。「Stripeで決済できるSaaSのダッシュボード」と指示したところ、UIは見栄えよく仕上がったが、決済ロジックの実装はモックデータで埋められており、本番で動くものではなかった。エラーハンドリングもほぼ皆無。 Bolt.newは「動くものを見せる」ことに全力を注いだツールだ。プロトタイプとしては圧倒的に速い。だが、そこから先は別の話になる。
“Bolt.newで30分でMVPのプロトタイプ作ってVCに見せたら、その場で次のミーティング決まった。見せるものがあるかないかでこんなに違うのか”
— X @startup_ceo
トークン消費の罠：気づけば月50ドルコース
Bolt.newの料金体系で注意すべきはトークンベースの課金だ。無料プランでは1日あたりのトークン制限がかなり厳しく、少し複雑な指示を2-3回出すと枯渇する。Proプラン（月20ドル）は1,000万トークンだが、実際に使うと想像以上に消費が速い。 たとえば「ECサイトのフロントエンドを作って」という指示1回で約50万トークンを消費する。その後の修正指示（「カートに数量変更機能を追加」等）で1回あたり10-30万トークン。1つのプロジェクトを形にするのに200-500万トークンは必要で、月に2-3プロジェクトを手がけるとProプランでは足りなくなる。 結果として多くのユーザーがPro+（月50ドル）に移行することになる。月50ドルはCursorのProプラン2.5ヶ月分に相当する。この価格差は、Bolt.newの用途を「プロトタイピング専用」に限定すべきか「メイン開発ツール」にするかの判断を左右する。 Xでは「トークンが秒で溶ける」「気づいたら制限に達してた」という投稿が多数確認できた。トークン残量の表示はあるが、消費速度の見積もりが難しいため、予算管理に苦労するユーザーが多い。
WARNING
Proプラン（月20ドル）のトークンは本格的な開発では1-2週間で枯渇する。事前にプロジェクト規模を見積もり、適切なプランを選択すること。
非エンジニアの救世主か、エンジニアの敵か
Bolt.newが最も輝くのは、プログラミング経験がない人がアイデアを形にする場面だ。スタートアップの起業家がVCへのピッチ用にデモを作る、デザイナーがインタラクティブなプロトタイプを作る、マーケターがランディングページを素早くテストする。こうしたユースケースでは、Bolt.newの価値は圧倒的だ。 実際にプログラミング未経験の知人に使わせてみたところ、30分で「それなりに見える」ポートフォリオサイトを完成させた。もちろんコードの品質は低いが、見た目としては十分だ。従来であればデザイナーとエンジニアに依頼して1-2週間かかる作業が、30分で完了する。 一方、プロのエンジニアから見ると不満は多い。生成されるコードはコンポーネント設計が甘く、状態管理も場当たり的だ。Reactコンポーネントが1ファイルに500行以上詰め込まれていたり、useEffectの依存配列が不適切だったりする。リファクタリングが前提のコードであり、そのまま本番に持っていくのは危険だ。 エンジニアにとってBolt.newの価値は「初期の叩き台を一瞬で作る」ことに限定される。その叩き台を元に、Cursorや通常のエディタで本番品質に仕上げるワークフローが現実的だ。Bolt.newだけで開発を完結させようとするのは現時点では無理がある。
Bolt.new生成コードの品質評価（5段階）
| 評価項目 | シンプルなアプリ | 中規模アプリ | 複雑なアプリ |
|---|---|---|---|
| UI/デザイン | ★★★★☆ | ★★★☆☆ | ★★☆☆☆ |
| コード構造 | ★★★☆☆ | ★★☆☆☆ | ★☆☆☆☆ |
| エラーハンドリング | ★★☆☆☆ | ★☆☆☆☆ | ★☆☆☆☆ |
| セキュリティ | ★★☆☆☆ | ★☆☆☆☆ | ★☆☆☆☆ |
| テスタビリティ | ★★☆☆☆ | ★☆☆☆☆ | ★☆☆☆☆ |
| そのまま本番利用 | 条件付きOK | 要リファクタ | 不可 |
Replit Agent、v0、Lovableとの比較：似て非なるツールたち
Bolt.newと競合する「AIでアプリを生成する」系のツールは急速に増えている。Replit Agent、v0 by Vercel、Lovableがその筆頭だ。1週間かけて同じタスクを各ツールで実行し比較した。 比較タスクは「ユーザー登録・ログイン・プロフィール編集ができるWebアプリ」だ。Bolt.newは約10分で見た目が整ったアプリを生成したが、認証のセキュリティ実装は不十分だった。Replit Agentは15分かかったが、Supabase連携による認証がより堅牢だった。v0はUIコンポーネント単位での生成が得意で、フルアプリの生成よりも部品作りに向いている。 Bolt.newの最大の優位性はブラウザ完結という点だ。Replit Agentもブラウザベースだが、環境のセットアップに時間がかかる場面がある。Bolt.newのWebContainers技術により、開いた瞬間から開発が始められる即時性は唯一無二だ。 デプロイの容易さではBolt.newが最もスムーズだ。Netlifyへのワンクリックデプロイが可能で、生成したアプリを即座に公開できる。Replit AgentもReplit Deploymentsで簡単だが、カスタムドメインの設定にはReplit Coreプランが必要。 コード品質に関しては、どのツールも本番利用にはリファクタリングが必要だ。ただしReplit Agentはデータベース連携やバックエンドのセットアップまで自動化する点で、フルスタック開発ではBolt.newを上回る。
“Bolt.newはデモ用、Replit Agentは開発用、v0はUI部品用。使い分けが正解だと3つ試して確信した”
— X @product_manager
StackBlitzのWebContainers：Bolt.newを支える技術的基盤
Bolt.newの裏側で動いているWebContainersは、StackBlitzが数年かけて開発したブラウザ内Node.jsランタイムだ。通常、Node.jsアプリを動かすにはローカルにNode.jsをインストールし、npm installで依存関係を解決し、ビルドプロセスを走らせる必要がある。WebContainersはこれらすべてをブラウザ内のWebAssemblyで実行する。 この技術により、Bolt.newでは生成されたコードがリアルタイムでプレビューされる。コードの変更が即座にプレビューに反映されるホットリロードも機能する。開発者体験としては、ローカル環境とほぼ変わらない。 ただし制限もある。ブラウザのメモリ制約により、大規模なnode_modulesを持つプロジェクトでは動作が重くなる。Prismaのようなネイティブバイナリを必要とするパッケージは動作しない。Docker連携も不可能だ。 フレームワークはReact、Next.js、Vue、Svelte、Astroなど主要なものに対応しているが、全てのnpmパッケージが動作する保証はない。特にNode.jsのfs（ファイルシステム）モジュールに依存するパッケージは動作しないケースが多い。 この制限を理解した上で使えば、WebContainersは非常に強力な基盤だ。ローカル環境のセットアップという開発の最も退屈な工程を完全にスキップできる価値は大きい。
TIP
Bolt.newでプロトタイプを作り、GitHubにエクスポートしてCursorやVSCodeで仕上げるワークフローが最も効率的。
2週間使って分かった「Bolt.newの正しい使い方」
Bolt.newを2週間使い込んで到達した結論は、「万能ツールとして使うな」ということだ。Bolt.newの真価は、アイデアを最短距離で形にする「初速の速さ」にある。 最も効果的だった使い方は以下の3パターンだ。まず、クライアントへのプレゼン用デモの作成。「こういうアプリを作りたい」という説明だけでは伝わらないものが、動くデモを見せると一発で合意が取れる。次に、UIコンポーネントの探索。「この画面のレイアウト、3パターン見せて」と指示すると、それぞれ異なるアプローチのUIが生成され、デザインの方向性を素早く決められる。最後に、技術検証。「Next.js 14のApp Routerで認証を実装するサンプル」のような、公式ドキュメントを読むより早く手を動かして理解したい場面。 逆に避けるべき使い方は、本番コードの直接生成だ。Bolt.newが生成するコードは「動くが脆い」。型安全性、エラーハンドリング、アクセシビリティ、パフォーマンス最適化といった本番品質に必要な要素が欠落している。これらを後から追加するコストは、ゼロから書くのとあまり変わらないことも多い。 Bolt.newはプロトタイプ専用マシンとして割り切れば、月20ドルの価値は十分にある。ただしメインの開発ツールとしては力不足で、CursorやVSCodeと併用するのが現実的な運用だ。
POINT
Bolt.newは「初速のツール」と割り切るべき。プロトタイプ作成→GitHubエクスポート→本格開発環境で仕上げ、が正しいワークフロー。
Good
- +ブラウザ完結でローカル環境セットアップ不要の即時開発体験
- +プロンプト一発で動くアプリが数分で完成する圧倒的な初速
- +Netlifyへのワンクリックデプロイでプロトタイプの即時公開が可能
- +非エンジニアでもMVPレベルのWebアプリが作れるアクセシビリティ
- +WebContainers技術によるリアルタイムプレビューとホットリロード
Bad
- −生成コードの品質が低く、本番利用には大幅なリファクタリングが必要
- −トークン消費が速く、本格的な開発ではProプランでも不足しがち
- −ネイティブバイナリ依存パッケージやDocker連携が不可能
- −複雑な要件になるとエラーハンドリングやセキュリティが崩壊する
- −大規模プロジェクトではブラウザのメモリ制約でパフォーマンスが劣化
結論
Bolt.newは「アイデアを最短で形にする」という一点において、現存するツールの中で最も優れている。ブラウザを開いてプロンプトを入力するだけで、数分後には動くWebアプリが目の前にある。この体験は、プログラミングの民主化において確実に一歩前進だ。 しかし万能ツールではない。生成されるコードは「動くが脆い」段階に留まり、本番環境への投入には大幅な手直しが必要だ。トークン消費の速さも予想を上回り、本格的な開発に使うと月50ドルコースになる。 最も賢い使い方は、プロトタイピング専用ツールとしての活用だ。クライアントへのデモ、VCへのピッチ、UIの方向性探索、技術検証。これらの「まず動くものを見せる」場面でBolt.newは圧倒的な価値を発揮する。その後の本番開発はCursorやVSCodeに引き継ぐワークフローが現実的だ。 非エンジニアにとっては救世主、プロのエンジニアにとっては便利な叩き台製造機。その位置づけを理解して使えば、月20ドルの価値は十分にある。
こんな人におすすめ
- →プログラミング未経験でMVPやデモを素早く作りたい起業家
- →クライアントへのプレゼン用プロトタイプが頻繁に必要なフリーランス
- →UIの方向性を素早く検討したいデザイナー・プロダクトマネージャー
- →新しいフレームワークや技術の学習・検証を効率化したいエンジニア
- →ローカル環境構築のトラブルを避けたい初学者
Bolt.newを試す
無料（1日のトークン制限あり）、Pro 20USD/月（1,000万トークン）、Pro+ 50USD/月（2,650万トークン）、Team 40USD/月/ユーザー
公式サイトへ →Tool Info