Bolt.new
Bolt.newはStackBlitzのAIフルスタック開発環境で、自然言語プロンプトからブラウザ内で完全なWebアプリをビルド・実行・デプロイできます。
Bolt.newはStackBlitzが構築した革新的なAI駆動のフルスタック開発プラットフォームで、WebContainersテクノロジーを活用してブラウザ内で完全なNode.js環境を実行します。コードスニペットを出力するだけのコード生成ツールとは異なり、Bolt.newはリアルタイムでWebアプリケーション全体を作成・実行・反復改善します。ローカルに何もインストールせずに、何を作りたいかを説明するだけで、Bolt.newがプロジェクトをスキャフォールドし、npmパッケージをインストールし、開発サーバーを起動し、ライブプレビューを提供します。
Bolt.newの核心的な革新はStackBlitzのWebContainersランタイムで、WebAssemblyを使ってブラウザ内でリアルなNode.js環境を実行します。シェルコマンドの実行、npmパッケージのインストール、Viteやwebpackなどのビルドツールの実行がすべてブラウザ内で完結します。
React、Vue、Svelte、Astro、Remixなど幅広い現代的なWebフレームワークをサポートし、Express APIの作成、データベース接続、フルスタック機能の実装も同じ環境内で処理できます。Netlifyなどへのワンクリックデプロイにより、アイデアから公開URLまでの道のりがかつてないほど短くなりました。
主な機能
- WebContainersによりブラウザ内でネイティブ実行される完全なNode.js環境 — ローカル設定不要
- 自然言語プロンプトで完全なWebアプリを構築 — React、Vue、Svelte、Astro、Remixなど対応
- ブラウザサンドボックス内での実際のnpmパッケージのインストールと管理
- 即時プレビュー付きライブ開発サーバー — 変更が加わるたびにリアルタイムでアプリ動作を確認
- フルスタックサポート — ブラウザ内でREST API作成、データベース接続、バックエンドロジック実装
- マルチファイルプロジェクト理解 — AIがコンポーネント・ルート・設定ファイル全体で一貫した変更を実行
- ブラウザから直接Netlify、Vercelなどのプラットフォームへワンクリックデプロイ
- シェルコマンド実行 — ブラウザターミナルでスクリプト・ビルドツール・CLIコマンドを実行
- GitHubからインポート — 既存リポジトリを読み込んでAI支援で開発を継続
- コラボレーション共有 — 即時デモとフィードバックのためにBolt.newプロジェクトのライブリンクを共有
よくある質問
Bolt.newは無料で使えますか?
Bolt.newはAI生成のための1日あたりのトークン許容量を含む無料ティアを提供しています。無料プランは実験や小規模プロジェクトに十分です。有料プランはより高いトークン制限、大きなファイルサポート、プライベートプロジェクトやチームコラボレーションなどの追加機能を提供します。料金はブラウザで完全なNode.js環境を実行する計算コストを反映した消費ベースです。
Bolt.newを使うためにコーディングの知識は必要ですか?
いいえ、Bolt.newは非エンジニアでもアクセスできるように設計されています。普通の言葉で欲しいものを説明すれば、AIが構築してくれます。コードを書かずに自然な会話でフィーチャーを反復できます。ただし、コンポーネントやAPIといったWeb概念にある程度慣れていると、より良いプロンプトを作成し出力を理解しやすくなります。技術ユーザーは組み込みエディタで生成されたコードを直接編集することもできます。
Bolt.newはどのフレームワークと技術をサポートしていますか?
Bolt.newはReact、Vue.js、Svelte、Astro、Remix、Next.js、プレーンHTML/CSS/JavaScriptなど幅広いモダンWeb技術をサポートしています。バックエンドではNode.js、Express、各種データベース統合をサポートしています。任意のnpmパッケージをインストールできるため、エコシステム内のほとんどのJavaScriptおよびTypeScriptライブラリと動作できます。
Bolt.newは他のAIコーディングツールとどう違いますか?
主な差別化点は、Bolt.newがブラウザ内で実際の完全な実行環境を動かすことです。GitHub CopilotやChatGPTのようなツールは自分で実行する必要があるコードを生成します。Bolt.newは実際にコードを実行し、依存関係をインストールし、サーバーを起動し、ライブプレビューを表示します——すべて1つの環境で。フィードバックループが即座になり、すべての設定摩擦が取り除かれるため、迅速なプロトタイピングに特に価値があります。
Bolt.newプロジェクトをエクスポートしてローカルで開発を続けられますか?
はい、プロジェクト全体をzipファイルとしてダウンロードするか、GitHubリポジトリに接続できます。これにより、VS Codeなどのローカルエディタで開発を続けたり、さらなる作業のために開発チームにプロジェクトを引き渡すことができます。エクスポートされたコードは独自のロックインがない標準的なクリーンコードで、選択したnpmパッケージとフレームワークのみが含まれます。
代替ツール
コーディングの他のツール
コーディウム
コーディング開発者向け無料AIコード補完、検索、チャット
Amazon CodeWhisperer
コーディングセキュリティスキャンとクラウド統合を備えたAWS AIコーディングアシスタント
Sourcegraph Cody
コーディングSourcegraphによる深いコードベース全体理解を持つAIコーディングアシスタント
Continue
コーディング完全な柔軟性で任意のLLMをサポートするオープンソースAIコーディングアシスタント
Cursor
コーディングAnysphereがVS Codeをベースに構築したAIネイティブコードエディタ。全コードベースの文脈理解、マルチモデルサポート、並列エージェント実行を提供します。
Devin
コーディングDevinはCognitionの自律型AIソフトウェアエンジニアで、シェル、ブラウザ、エディタを備えた完全な開発環境を使って、機能全体を独立して計画・コーディング・デバッグ・デプロイします。
タグ
関連ガイド
生成AIで製品取扱説明書を作る方法2026:Claude・ChatGPT・NotebookLM・Notion AIで仕様と改訂をずらさない
製品版と仕様の正本、利用者タスク、安全情報、図版、用語、実機試験、翻訳、公開承認と改訂履歴をつなぐ取扱説明書の実務手順です。
AI店舗チラシ・POPデザイン実務ガイド2026:Canva AI・Ideogram・Firefly・Figma AIで価格と期間を正しく伝える
商品・価格の正本、媒体別設計、文字なしキービジュアル、日本語組版、実寸校正、権利・表示・版管理までをつなぐ店舗販促の実務手順です。
AI建築パース・リノベーション提案画像の作り方2026:Midjourney・Firefly・Stable Diffusion・Kreaで誤解を生まない合意形成
現況資料、変更禁止領域、段階生成、図面・仕様・見積との差分管理を通じて、AI建築パースを完成保証ではなく合意形成に使う方法を解説します。
AI補助金・助成金検索ガイド2026:Perplexity・NotebookLM・ChatPDF・Geminiで公募要領と締切を見落とさない
日本の中小企業がAIで補助金・助成金候補を探し、最新の公募要領、対象経費、申請工程、公式根拠を確認する実務手順です。