ホーム
Bolt.new

Bolt.new

Bolt.newはStackBlitzのAIフルスタック開発環境で、自然言語プロンプトからブラウザ内で完全なWebアプリをビルド・実行・デプロイできます。

コーディング フリーミアム · Free tier with daily token limits; paid plans for higher usage and team features
ウェブサイトへ

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 development full-stack web app StackBlitz no-code prototyping

関連ガイド

Claude ChatGPT NotebookLM Notion AI製品取扱説明書作成ワークフロー
テキスト生成

生成AIで製品取扱説明書を作る方法2026:Claude・ChatGPT・NotebookLM・Notion AIで仕様と改訂をずらさない

製品版と仕様の正本、利用者タスク、安全情報、図版、用語、実機試験、翻訳、公開承認と改訂履歴をつなぐ取扱説明書の実務手順です。

続きを読む →
AI店舗チラシPOPデザインの制作校正版管理ワークフロー
画像生成

AI店舗チラシ・POPデザイン実務ガイド2026:Canva AI・Ideogram・Firefly・Figma AIで価格と期間を正しく伝える

商品・価格の正本、媒体別設計、文字なしキービジュアル、日本語組版、実寸校正、権利・表示・版管理までをつなぐ店舗販促の実務手順です。

続きを読む →
AI建築パースとリノベーション提案画像の合意形成ワークフロー
画像生成

AI建築パース・リノベーション提案画像の作り方2026:Midjourney・Firefly・Stable Diffusion・Kreaで誤解を生まない合意形成

現況資料、変更禁止領域、段階生成、図面・仕様・見積との差分管理を通じて、AI建築パースを完成保証ではなく合意形成に使う方法を解説します。

続きを読む →
AIで補助金と助成金を検索し公式資料を確認する日本の中小企業
検索

AI補助金・助成金検索ガイド2026:Perplexity・NotebookLM・ChatPDF・Geminiで公募要領と締切を見落とさない

日本の中小企業がAIで補助金・助成金候補を探し、最新の公募要領、対象経費、申請工程、公式根拠を確認する実務手順です。

続きを読む →