Bolt.newとは？ブラウザで動くAI開発エージェントの使い方と特徴を解説

Bolt.new は、ブラウザだけでフルスタック開発を進められるAI主導の開発ツールです。
WebContainersによるNode.js実行、GitHub連携、オープンソース版 bolt.diy との違い、導入手順・注意点を一次情報ベースで整理します。

この記事でわかること

• Bolt.newの概要：ブラウザ内で完結するAI主導のフルスタック開発とは
• 主な機能と技術構成（WebContainers × Node.js）
• オープンソース版 bolt.diy との関係・違い
• GitHub連携の基本フロー
• 導入手順・注意点・今後の展望

Bolt.newとは：AIでアプリ開発が変わる

Bolt.new は、ブラウザ上で「プロンプト → 実行 → 編集 → デプロイ」まで行える
AI主導のフルスタック開発エージェント です。
ローカル環境のセットアップが不要で、ブラウザだけでプロジェクトを動かせるのが大きな特徴です。

この実現を支える基盤が WebContainers。
Node.jsをブラウザ内（WebAssembly＋ブラウザAPI）で動作させる技術で、StackBlitzが開発・提供しています。
従来のようなローカル開発環境構築が不要になり、「開発＝ブラウザアクセス」というUXを実現しました。

Bolt.newの特徴と技術構成（WebContainers × AI）

Bolt.newの主要機能は以下の3点に集約されます。

bolt.diyとの違い：オープンソース版の柔軟性

bolt.diy はBolt.newのオープンソース版で、
**ローカル実行や任意のLLM（OpenAI / Claude / Gemini / Mistral / DeepSeekなど）**の選択に対応します。

主な違いは以下の通り：

• Bolt.new： ホスト型・即利用可・GitHub連携対応・UI安定
• bolt.diy： OSS型・LLM差し替え自由・ローカル拡張性重視

より柔軟なAI統合やプライベート運用を求める開発者には bolt.diy が最適です。

Bolt.newの使い方：導入からアプリ生成までの流れ

1. Bolt.newにアクセスしてサインイン
   アカウント作成後、ダッシュボードに移動します。
2. プロンプトを入力
   例：「Next.jsでToDoアプリを作って」など。
3. AIが自動で環境を構築
   npm依存関係の導入やNode.jsサーバの起動を自動処理。
4. プレビューで動作を確認
   ブラウザ上でUIを即時確認できます。
5. GitHubに接続
   「Connect to GitHub」でリポジトリ同期が可能。
6. 公開・ホスティング
   Boltのデプロイ機能または外部サービスでアプリを公開できます。

注意点（既知の課題・運用上のポイント）

一次情報（公式FAQ・GitHub Issue）に基づくBolt.newの注意点をまとめます。

• ブラウザ依存：Chrome系推奨。拡張機能やVPNが挙動に影響する場合あり。
• GitHub連携の不安定さ：UI仕様変更や接続エラーが報告あり。
• AIモデル依存：使用モデルにより生成コードの精度差あり。
• プロンプト精度：曖昧な指示では意図外のコードが生成される可能性。

今後の展望

Bolt.newは「ノーコード × AI × WebContainers」というトリプル融合により、
ブラウザを“開発環境そのもの”にする構想を進めています。

StackBlitzは「サーバはあなたのブラウザ」という理念のもと、
LLMとの統合をさらに強化しており、
将来的には以下のような進化が期待されています。

• より高精度なAI生成とモデル拡張
• 認証やデータベース連携の自動化
• bolt.diyとの双方向開発・共有エコシステム化

関連リンク

• Lobe Chat完全ガイド
• Stagehand：AI×Playwrightで自動化
• Bolt.new公式GitHubリポジトリ
• bolt.diy（オープンソース版）

出典：StackBlitz公式ドキュメント、Bolt.new GitHubリポジトリ、bolt.diy README、support.bolt.newヘルプセンター（2025年10月時点）