AI Agent Hub
AI エージェント / プラグイン情報メディア
← 一覧へ
bolt.new (StackBlitz)
OTHER

bolt.new (StackBlitz)

bolt.new (StackBlitz)

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

原文: Prompt, run, edit, and deploy full-stack web applications. -- bolt.new -- Help Center: https://support.bolt.new/ -- Community Support: https://discord.com/invite/stackblitz
#Web#フルスタック#ai-playground#anthropic#chatbot#webcontainers-api
REPO STATS

リポジトリ統計

⭐ Stars
16.4k
🍴 Forks
14.6k
⚠️ Open Issues
8195
🌿 Language
TypeScript
📄 License
MIT
🕒 最終更新
2024.12.17 (1年前)
📅 公開日
2024.09.25
🌿 Branch
main
README

ドキュメント

— AI による自動翻訳 (2026.05.07 更新)

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 までご連絡いただき、パートナーシップについてお話しください!

— GitHub から取得した原文(一部省略の場合あり)

Bolt.new: AI-Powered Full-Stack Web Development in the Browser

Bolt.new: AI-Powered Full-Stack Web Development in the Browser

Bolt.new is an AI-powered web development agent that allows you to prompt, run, edit, and deploy full-stack applications directly from your browser—no local setup required. If you're here to build your own AI-powered web dev agent using the Bolt open source codebase, click here to get started!

What Makes Bolt.new Different

Claude, v0, etc are incredible- but you can't install packages, run backends or edit code. That’s where Bolt.new stands out:

  • Full-Stack in the Browser: Bolt.new integrates cutting-edge AI models with an in-browser development environment powered by StackBlitz’s WebContainers. This allows you to:

    • Install and run npm tools and libraries (like Vite, Next.js, and more)
    • Run Node.js servers
    • Interact with third-party APIs
    • Deploy to production from chat
    • Share your work via a URL
  • AI with Environment Control: Unlike traditional dev environments where the AI can only assist in code generation, Bolt.new gives AI models complete control over the entire environment including the filesystem, node server, package manager, terminal, and browser console. This empowers AI agents to handle the entire app lifecycle—from creation to deployment.

Whether you’re an experienced developer, a PM or designer, Bolt.new allows you to build production-grade full-stack applications with ease.

For developers interested in building their own AI-powered development tools with WebContainers, check out the open-source Bolt codebase in this repo!

Tips and Tricks

Here are some tips to get the most out of Bolt.new:

  • Be specific about your stack: If you want to use specific frameworks or libraries (like Astro, Tailwind, ShadCN, or any other popular JavaScript framework), mention them in your initial prompt to ensure Bolt scaffolds the project accordingly.

  • Use the enhance prompt icon: Before sending your prompt, try clicking the 'enhance' icon to have the AI model help you refine your prompt, then edit the results before submitting.

  • Scaffold the basics first, then add features: Make sure the basic structure of your application is in place before diving into more advanced functionality. This helps Bolt understand the foundation of your project and ensure everything is wired up right before building out more advanced functionality.

  • Batch simple instructions: Save time by combining simple instructions into one message. For example, you can ask Bolt to change the color scheme, add mobile responsiveness, and restart the dev server, all in one go saving you time and reducing API credit consumption significantly.

FAQs

Where do I sign up for a paid plan?
Bolt.new is free to get started. If you need more AI tokens or want private projects, you can purchase a paid subscription in your Bolt.new settings, in the lower-left hand corner of the application.

What happens if I hit the free usage limit?
Once your free daily token limit is reached, AI interactions are paused until the next day or until you upgrade your plan.

Is Bolt in beta?
Yes, Bolt.new is in beta, and we are actively improving it based on feedback.

How can I report Bolt.new issues?
Check out the Issues section to report an issue or request a new feature. Please use the search feature to check if someone else has already submitted the same issue/request.

What frameworks/libraries currently work on Bolt?
Bolt.new supports most popular JavaScript frameworks and libraries. If it runs on StackBlitz, it will run on Bolt.new as well.

How can I add make sure my framework/project works well in bolt?
We are excited to work with the JavaScript ecosystem to improve functionality in Bolt. Reach out to us via hello@stackblitz.com to discuss how we can partner!

RELATED

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