OSS Agents JP
オープンソース AI エージェント 日本語ガイド
← 一覧へ
bolt.new (StackBlitz)
OTHER

bolt.new (StackBlitz)

bolt.new (StackBlitz)

ブラウザ完結の AI フルスタック開発環境 OSS 版。WebContainers 上でアプリを生成・実行・デプロイまで一気通貫で行える。

#Web#フルスタック
EDITOR'S TAKE

編集部メモ

ブラウザだけで、本当に動くアプリを AI に作らせる

WebContainers の力で npm パッケージのインストール、Node.js サーバー実行、本番デプロイまで、ブラウザ上で完結可能にしたオープンソースの AI 開発環境です。Claude や Gemini などの大規模言語モデルに、単なるコード生成ではなく、ファイルシステムやターミナルへの直接的なアクセスを与えることで、アプリケーションライフサイクル全体の制御を実現しています。セットアップレスで想像から実装まで数分で完結する体験は、プロトタイピング文化を大きく変える可能性があります。

USE CASES

こんな場面で使う

  • AI チャット経由でアイデア → 動作確認 → デプロイまでを 1 フローで実行し、開発サイクルを大幅短縮
  • フロントエンド未経験の PM / デザイナーが、自然言語だけでフルスタック Web アプリを試作・検証
  • オープンソース版の codebase を拡張し、組織独自の AI 開発エージェントを構築
DIFFERENTIATOR

類似ツールとの違い

Claude、v0、Vercel に比べ、ブラウザ内で npm install・Node.js・第三者 API 連携が可能という点が決定的な差異です。これにより単なるフロント + API スタブ生成ではなく、実際に動作するバックエンドを含めた本格的なアプリが生成可能になります。MIT ライセンスのオープンソースで、自前カスタマイズも可能です。
CAVEAT

注意点・向かない用途

⚠️ WebContainers のパフォーマンス限界により、大規模計算やメモリ集約的な処理には向きません。また、ローカル開発環境の代替ではなく、あくまでプロトタイピング~軽量本番向けです。複雑なインフラ構築が必要なプロジェクトには不適切です。
BEST FOR

向いている読者

AI 開発環境に関心ある技術者ノーコード / ロー コード志向の PM / デザイナーWebContainers 技術を学びたい開発者アジャイルなプロトタイピングを重視する組織

— OSS Agents JP 編集部による独自評価(bolt.new (StackBlitz) に関する観察)

REPO STATS

リポジトリ統計

⭐ Stars
-
🍴 Forks
-
⚠️ Open Issues
-
🌿 Language
-
📄 License
-
🕒 最終更新
-
📅 公開日
-
🌿 Branch
-
REFERENCE

公式ドキュメント(README)

本ハブの独自評価は上記「編集部メモ」が一次情報です。以下は GitHub README の参考転載(折りたたみ)。

📖 GitHub README の日本語訳を読む(AI 自動翻訳 / 参考情報)

— AI による自動翻訳 (2026.05.07 更新)。正確な情報は GitHub の原文 をご確認ください。

Bolt.new: ブラウザでの AI 搭載フルスタック Web 開発

Bolt.new: ブラウザでの AI 搭載フルスタック Web 開発

Bolt.new は AI を搭載した Web 開発エージェントで、プロンプトを入力するだけで、ブラウザから直接フルスタックアプリケーションをプロンプト、実行、編集、デプロイできます。ローカルセットアップは必要ありません。Bolt のオープンソースコードベースを使用して独自の AI 搭載 Web 開発エージェントを構築したい場合は、こちらをクリックして始めてください!

Bolt.new が異なる理由

Claude、v0 など多くのツールは素晴らしいものですが、パッケージのインストール、バックエンド実行、コード編集はできません。そこで Bolt.new が活躍します:

  • ブラウザでフルスタック開発:Bolt.new は、最先端の AI モデルと StackBlitz の WebContainers を搭載したブラウザ内開発環境を統合しています。これにより、以下が可能になります:

    • npm ツールとライブラリ(Vite、Next.js など)のインストールと実行
    • Node.js サーバーの実行
    • サードパーティ API との連携
    • チャットから本番環境へのデプロイ
    • URL を通じた成果物の共有
  • 環境制御を備えた AI:従来の開発環境では AI はコード生成をサポートするだけですが、Bolt.new は AI モデルに対して、ファイルシステム、ノードサーバー、パッケージマネージャー、ターミナル、ブラウザコンソールを含む環境全体に対する 完全な制御 を与えます。これにより、AI エージェントは作成からデプロイまで、アプリケーションライフサイクル全体を処理できるようになります。

経験豊富な開発者、PM、デザイナーを問わず、Bolt.new を使用すれば本番レベルのフルスタックアプリケーションを簡単に構築できます。

WebContainers を使用して独自の AI 搭載開発ツールを構築することに興味のある開発者は、このリポジトリのオープンソース Bolt コードベースをチェックしてください!

ヒントとコツ

Bolt.new を最大限に活用するためのヒントを以下に示します:

  • スタックについて具体的に指定する:Astro、Tailwind、ShadCN など特定のフレームワークやライブラリを使用したい場合は、初期プロンプトでそれらを明記して、Bolt がそれに応じてプロジェクトをスキャフォールドするようにしてください。

  • プロンプト強化アイコンを使用する:プロンプトを送信する前に、「enhance」アイコンをクリックして、AI モデルにプロンプトの改善を手伝ってもらい、その後、結果を編集してから送信してください。

  • 基本的な構造を最初にスキャフォールドしてから、機能を追加する:より高度な機能に取り組む前に、アプリケーションの基本的な構造が整っていることを確認してください。これにより、Bolt はプロジェクトの基礎を理解し、より高度な機能を構築する前にすべてが正しくワイヤリングされていることを確認できます。

  • シンプルな指示をまとめる:シンプルな指示を 1 つのメッセージに組み合わせることで時間を節約できます。たとえば、色スキーム変更、モバイルレスポンシブ対応追加、デブサーバー再起動を 1 つにして Bolt に依頼し、時間を節約し、API クレジット消費を大幅に削減できます。

よくある質問

有料プランはどこで申し込めますか?
Bolt.new は無料で始められます。もっと多くの AI トークンが必要な場合やプライベートプロジェクトが必要な場合は、アプリケーション左下の Bolt.new 設定で有料サブスクリプションを購入できます。

無料使用制限に達した場合はどうなりますか?
無料の 1 日あたりのトークン制限に達すると、翌日またはプランをアップグレードするまで、AI との対話が一時停止されます。

Bolt はベータ版ですか?
はい、Bolt.new はベータ版であり、フィードバックに基づいて継続的に改善しています。

Bolt.new の問題をどのように報告しますか?
Issues セクションをチェックして、問題を報告するか、新機能をリクエストしてください。同じ問題またはリクエストが既に他の人に提出されていないか、検索機能を使用して確認してください。

現在 Bolt で動作するフレームワークやライブラリは何ですか?
Bolt.new はほとんどの一般的な JavaScript フレームワークやライブラリをサポートしています。StackBlitz で実行されるものは、Bolt.new でも実行されます。

自分のフレームワークやプロジェクトが Bolt で正常に動作することを確認するにはどうすればよいですか?
JavaScript エコシステムと協力して Bolt の機能を向上させることに期待しています。hello@stackblitz.com までご連絡いただき、パートナーシップについてお話しください!

RELATED

同じカテゴリの他のツール