解説: もこ（機械音痴目線でやさしく解説）Bolt.newとは
Bolt.newは、StackBlitzが提供するAIコーディングツールです。「こんなWebアプリを作りたい」とテキストで伝えるだけで、ブラウザ上で動くアプリを自動生成し、その場でプレビューや修正もできる、新感覚の開発環境です。
ソフトウェアのインストールは一切不要。パソコンのブラウザを開いてアクセスするだけで、すぐに使い始められます。「コードが書けない」という人でも、アイデアを言葉にするだけでWebアプリの原型を作れるのが最大の魅力です。たとえば「タスク管理アプリを作って」「天気を表示するページを作って」とお願いするだけで、動くコードが出てきます。
主な機能をやさしく解説
- テキストで指示するだけ：「〇〇ができるアプリを作って」と書くだけで、実際に動くWebアプリのコードを生成します。日本語でも試せます。
- ブラウザ内で即プレビュー：生成されたアプリはその場でプレビューできます。「ここをこう直して」と続けて指示すれば、会話形式でどんどん改善できます。
- 主要フレームワークに対応：React・Vue・Svelte・Astroなどの人気フレームワークを自動で選び、適切な構成でコードを生成します。
- npm パッケージの自動管理：必要なライブラリを自動でインストールしてくれるため、環境構築の手間がかかりません。
- コードのダウンロード・デプロイ：作ったコードはダウンロードして手元で編集することも、Netlifyなどへ直接デプロイして公開することもできます。
- 外部サービスとの連携：SupabaseなどのデータベースサービスやAPIと組み合わせて、より実用的なアプリへと発展させることができます。
料金プランの選び方
- まず試したいだけなら無料プランで：無料枠の範囲内で、小さなアプリや機能のアイデアを試すことができます。月のトークン（AI利用量）の上限に達すると追加利用はできなくなります。
- 個人で定期的に使うならBasicやProを検討：業務や学習でよく使う人は、有料プランのほうがストレスなく使い続けられます。
- チームで使う場合はTeams/Enterpriseプランへ：複数人での共同利用や管理が必要なら、法人向けプランを検討しましょう。
料金や提供機能は変わりやすいため、契約前にかならず公式サイト（https://bolt.new/）で最新情報を確認してください。
始め方
- ブラウザで https://bolt.new/ を開きます（アプリのインストールは不要です）。
- GitHubやGoogleなどのアカウントでサインインするか、メールアドレスで登録します。
- テキストボックスに「作りたいもの」を日本語や英語で入力して送信します。たとえば「シンプルなToDoリストを作って」など。
- AIがアプリを生成したら、右側のプレビューで動作を確認します。
- 「ボタンの色を青にして」「入力欄を増やして」など、会話を続けながら仕上げていきます。
コツは「具体的に伝えること」です。使いたい機能や見た目のイメージを細かく説明するほど、ねらったものに近づきます。
他のAIとの違い・使い分け
Bolt.newの特徴は「ブラウザで完結する、ゼロから作るAIコーディング」という点です。
- Cursor・Windsurfとの違い：これらは手元のパソコンにインストールして既存のコードを編集するツールです。新しいものをゼロから作るならBolt.new、既存プロジェクトへの組み込みや本格的な開発ならCursorが向きます。
- **v0（Vercel）**との違い：v0もAIでUIを生成するツールですが、どちらかといえばReactコンポーネントのUI生成に特化しています。Bolt.newはアプリ全体を一度に生成・実行できる点が強みです。
- GitHub Copilotとの違い：Copilotはコードを書く途中にAIが補完するツールで、既存の開発フローをサポートする存在です。Bolt.newはコードを「書く」作業自体を丸ごとAIに任せ、動くアプリをゼロから作る発想です。
「とにかく素早くWebアプリの原型を作りたい」という場面では、Bolt.newが非常に頼りになります。
使うときの注意点
Bolt.newはとても強力なツールですが、いくつかの点に注意しましょう。
- 生成コードは必ず確認する：AIが生成したコードには、セキュリティ上の問題や非効率な箇所が含まれることがあります。本番環境（実際のサービス）に使う場合は、エンジニアによるレビューを必ず行ってください。
- トークン（利用量）を意識する：無料プランには月ごとの利用上限があります。上限に達すると翌月まで使えなくなるため、大事な作業の前に残量を確認しましょう。
- 複雑なシステムには限界がある：大規模なシステムや高度なビジネスロジックは、AIだけでは完成させにくいことがあります。最終的には人間の手で仕上げる必要があると考えておきましょう。
- 個人情報・機密情報の入力に注意：プロジェクトの内容や機密データをAIに渡す際は、利用規約やプライバシーポリシーを確認してから使いましょう。
- 料金・仕様は変動する：プランや価格は予告なく変わることがあります。契約前・更新前に公式サイトで最新情報を確認する習慣をつけましょう。
