【ボルトニュー】

Bolt.new とは?

最終更新:
💡 「こんなアプリ作って」から始められるブラウザ工房

StackBlitz社(Boltの親会社)が開発したブラウザベースのAIアプリ開発ツール。プロンプトからWebサイトやアプリのコードを生成し、プレビュー・編集・公開までブラウザ上で進められる。

📌 このページのポイント
Bolt.new のブラウザ上の開発 bolt.new プロンプト 「Todoアプリを React で作って」 ⚡ WebContainers ブラウザ内Node.js 生成コード React + TS 自動生成 プレビュー ✅ Todo App デプロイ 🚀 ① 指示 ② AI生成 ③ 即プレビュー 手元に開発環境を用意せず、ブラウザから操作できる
Bolt.new:プロンプトからアプリ生成・プレビュー・公開までをブラウザ上で進める
ひよこ ひよこ
Bolt.newってプログラミングできなくてもアプリが作れるの?
ペンギン先生 ペンギン先生
簡単なサイトやアプリなら作り始められるよ。「Todoアプリを作って」「ポートフォリオサイトを作って」のように言葉で指示すると、AIがコードを生成して、その場でプレビューも見られるんだ。ただ、細かい修正や不具合の原因を探す場面では、コードを読める人がいると進めやすいよ。
ひよこ ひよこ
ブラウザの中でNode.jsが動くってどういうこと?
ペンギン先生 ペンギン先生
StackBlitz社のWebContainersという技術のおかげだよ。WebAssemblyなどのブラウザの機能を使って、ふだんはPCやサーバーで動かすNode.jsのツールをブラウザのタブの中で動かしているんだ。Chrome系のブラウザは完全対応で、FirefoxとSafariはベータ扱いだから、うまく動かないときはブラウザを変えてみてね。
ひよこ ひよこ
生成されたコードの品質って大丈夫なの?
ペンギン先生 ペンギン先生
動く画面が早くできるのは大きな利点だけど、中身はAIが書いたコードだから、そのまま本番に出すのはおすすめしないよ。ログインやデータの扱い、エラー処理などは人が確認しよう。試作品やMVP(最小限の製品)を素早く作って、そこから磨き上げる使い方に向いているね。
ひよこ ひよこ
作ったアプリはどうやって公開するの?
ペンギン先生 ペンギン先生
2026年9月に公式ドキュメントを確認した時点では、新しいプロジェクトは既定でBoltのホスティングに公開されて、.bolt.hostのドメインが付くよ。Netlifyのアカウントをつないで、そちらに公開する方法も選べるんだ。コードはGitHubと連携して管理することもできるよ。
ひよこ ひよこ
v0とかLovableとか似たサービスがいっぱいあるけど、何が違うの?
ペンギン先生 ペンギン先生
Bolt.newの特徴は、WebContainersによるブラウザ内の開発環境だね。似たサービスもそれぞれ得意分野や料金、公開の仕組みが違うし、機能の更新も速い分野なんだ。作りたいものを小さく試して、自分に合うものを選ぶのがいいよ。
ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「Bolt.new」って出てきたら「ブラウザだけでAIにWebアプリを作ってもらい、そのまま公開まで進めるサービス」と思えればだいたいOK!
📖 おまけ:英語の意味
「Bolt.new」 = 稲妻(bolt)+新しく作る(new)
💬 Boltは英語で「稲妻」の意味。サービスのURLそのものが名前になっていて、素早く新しいアプリを作るイメージだよ

参考資料

← 用語集にもどる