要件をテキストで伝えると Vite＋React などのフルスタック構成をブラウザ内で自動生成します。WebContainers 技術でブラウザに Node.js を内蔵するため、インストール不要で動かせます。
サービス
46
Bolt.new
ボルトニュー
体験区分：触った
推奨読者レベル：Level 2
何をしてくれるか
どこで出会うか
「環境構築なしでアプリを試したい」場面で名前が上がります。「Bolt.new でプロトタイプを作った」という形で、バイブコーディングの入門記事や SNS の作例投稿で見かけます。
ワークフロー図
2026.04·ready
「Bolt.new にプロンプトを渡したら Vite 環境がブラウザで立ち上がりました。」
Bolt.newの見方
47
この用語の見どころ
1
役割
プロンプトからフルスタック環境をブラウザ内で起動するサービスです。
2
うれしさ
ローカルへのインストールや環境構築なしにアプリが動かせます。
3
注意点
無料枠の月次トークン上限を超えると有料プランへの切り替えが必要です。
4
どこで役立つか
プロトタイプ制作や、アイデアをすぐ動かして確認したい場面に向きます。
5
はじめに
bolt.new を開きプロンプトを入力するだけで始められる段階。
6
深掘り先
WebContainers、Vite（F-41）、v0（B-9）
非エンジニアのつまずき
- （著者記入欄・空）
私のコメント
- 第一印象:（著者記入欄・空）
- 良い点:（著者記入欄・空）
- ダメな点:（著者記入欄・空）
- 誰向けか:（著者記入欄・空）
開発フローでの位置
プロンプト入力
コード生成
ブラウザ内プレビュー
修正指示
デプロイ
関連用語
B-11·service
バイブコーディング図鑑