「作りたいものを文章で書くと、AIがWebアプリを作って、その場で動かして公開までしてくれる」。Bolt.new は、ブラウザだけで完結するAIフルスタックビルダーです。仕組みと、プロンプトから生成・公開する流れを説明します。
Bolt.new とは
Bolt.new は、StackBlitz が提供するAI Webアプリビルダーです。キャッチは「Create stunning apps & websites by chatting with AI（AIとチャットしてアプリ/サイトを作る）」。特徴は、すべてブラウザ内で完結すること。StackBlitz の WebContainers 技術により、Node.js 環境がブラウザ上で動くため、ローカルに何もインストールせず、生成 → 実行 → プレビュー → 公開まで一気通貫で行えます。
使い方：プロンプトから公開まで
- 作りたいものを書く：チャット欄に「〇〇なLP／アプリを作って」と入力（MotionSitesなどのプロンプトを貼ってもOK）。
- AIが生成：コードを書き、依存関係の解決までAIが実行。
- その場でプレビュー：ブラウザ内の環境で動くものを確認。
- チャットで修正：「ヘッダーを固定して」「色を変えて」など、会話で調整。コードを直接編集も可能。
- 公開（デプロイ）：組み込みのホスティングで公開。独自ドメインやアナリティクスにも対応。
例：「SaaS向けの料金プラン3つを横並びで見せる、アニメ付きのヒーローセクションを作って」のように具体的に書くほど、狙った結果に近づきます。
主な機能
- ブラウザ内開発（WebContainers）：環境構築不要で即実行。
- インポート：Figma や GitHub から取り込み可能。
- デザインシステム対応：Material UI・Chakra UI・shadcn・独自デザインシステム。
- バックエンド込み：データベース、ユーザー認証、ホスティングを内蔵。
- 品質支援：テストとリファクタで「エラー98%減」をうたう自動補正、モデルの自動ルーティング。
- SEO：作成時から最適化。
他のツールとの違い
| ツール | 立ち位置 | こんなときに |
|---|---|---|
| Bolt.new | ブラウザ完結のフルスタック生成＋実行＋公開 | 動くアプリ/サイトを最速で形にして公開したい |
| v0（Vercel） | React/Tailwind のUIコード生成 | コード資産として自分のプロジェクトに組み込みたい |
| Lovable | プロンプト→アプリ（バックエンドはSupabase中心） | アイデアを素早くアプリ化したい |
料金・注意点
- 無料で試せる。継続利用は利用量（トークン）ベースのサブスクが基本。期間限定で無料ドメインの特典が出ることも。
- 生成結果は下地。動作とコードのレビュー前提で使う（AIは下書き、最終判断は人）。
- 料金・特典・機能は変わるため、導入前に公式の最新情報を確認。
主な情報源
各サービスは提供元の規約・ライセンスに従ってご利用ください。情報は公開時点のものです。収集・要約はAI、公開判断は人。