Bolt.new

3.95
アイデアを伝えるだけで、ブラウザ上で動くWebサイトやアプリにしてくれます。
Advertisement 728 × 90
会社StackBlitz
カテゴリーAIコーディング
リリース2024-10
更新日2026-08-14

Bolt.new 1枚の画像でわかる!

Bolt.new

Bolt.new 概要

Bolt.newは2024年10月に正式リリースされました。

当初は「AIでWebサイトを作るツール」と見られることが多かったですが、今はそれだけではありません。

静的なページだけでなく、npmパッケージの追加、データベース接続、ログイン機能、サーバー側の処理にも対応。完成したプロジェクトはそのまま公開できます。

現在は独自のBolt Hostingがあり、Free・有料ユーザーともに直接デプロイできます。Netlifyも引き続き利用できます。

Boltの便利なところは、これまでバラバラだった開発作業を1つの画面にまとめていることです。

以前なら、リポジトリ作成、依存関係のインストール、環境設定、サーバー起動、デプロイまで別々に進める必要がありました。

Boltなら、その一連の流れをまとめて進められます。

Bolt.new 料金プラン

プラン価格説明
無料版 $0 1日最大30万Token、月100万Tokenまで。プロジェクト開発、Bolt Hosting、基本的なデータベース機能に対応。お試しやライトユーザー向けです。
プロ版 $25/月 月1,000万Tokenからで、1日のToken上限なし。Boltのブランド表示を外せるほか、独自ドメインや、より充実したプロジェクト・ホスティング機能が使えます。
チーム版 $30/メンバー/月 Proの機能に加えて、チーム請求、メンバー管理、権限設定、プライベートNPM Registry、デザインシステムなどのコラボレーション機能が利用できます。
エンタープライズ版 カスタム見積もり 大企業向けで、SSO、監査ログ、コンプライアンス対応、専任アカウントマネージャー、カスタムSLAなどのエンタープライズ機能を提供します。

Bolt.new 主な機能

  1. ひと言からアプリを作れる
    作りたいものを伝えるだけで、Boltがプロジェクト構成を作り、画面やコードを生成して、そのままアプリを動かせます。ランディングページ、ブログ、簡単な管理画面、小規模SaaS、MVPなども、1つのプロンプトから始められます。
  2. コード編集とリアルタイムプレビュー
    生成後はそのまま動作を確認でき、必要ならコードエディタで自分でも修正できます。AIが変更するとすぐに反映されるので、ローカル環境を一から用意する必要はありません。
  3. データベースとログイン機能
    データベースやユーザー認証に対応し、Supabaseとの連携も可能です。会員登録、ログイン、データ保存といった機能も、バックエンドを一から構築せずに追加できます。
  4. そのままWeb公開
    完成したプロジェクトはBolt Hostingから直接公開できます。無料ユーザーでも.bolt.hostのURLが使え、有料プランなら独自ドメインも設定できます。
  5. Agentとツール操作
    AIはコードを書くだけではなく、プロジェクト内のファイルを読み、依存関係を追加し、コマンドを実行し、エラーを確認しながら修正を続けられます。
  6. バージョン履歴とGitHub
    Version Historyで過去の状態を確認し、以前のバージョンに戻すことができます。より本格的なバージョン管理が必要なら、GitHubとの連携も可能です。
  7. Skills
    よく使うルールを保存できます。たとえば技術スタック、デザインルール、コードスタイル、SEOチェックなど。似たプロジェクトを作るたびに、同じ指示を最初から説明し直す必要がありません。

Bolt.new 編集部レビュー

Bolt.newが一番使いやすいのは、やっぱり0→1の段階です。

頭の中にアイデアはあるけど、まだ何も作っていない。そんなときに要件をそのまま伝えると、かなり早い段階で実際に触れて動かせる形まで持っていけます。

特にランディングページ、ブログ、簡単な管理画面、社内ツールなどは相性がいいです。

以前なら、プロジェクトを作って、フレームワークを入れて、ルーティングを設定して、それから画面を作る必要がありました。

Boltなら、そのあたりの準備もまとめて進めてくれます。

コードを書けない人ほど、この便利さは実感しやすいと思います。

単なるデザイン案ではなく、実際に動くものが手に入るからです。

ただ、プロジェクトが複雑になるほど問題も出てきます。

たとえばボタンを1つ直したいだけなのに、AIが周りのスタイルまで変えてしまうことがあります。

今はVersion Historyがあるので、問題が起きても前の状態に戻せるようになり、初期よりかなり使いやすくなりました。

とはいえ、プロジェクトが大きくなるほど、コードを確認できる人は必要です。

データベース、権限、決済、外部APIなどが増えてくると、問題が起きたときに「直して」と伝えるだけでは解決しないケースもあります。

なのでBolt.newは、まず最初のバージョンを素早く作る用途にはかなり向いています。

その後もずっとBoltだけで運用できるかは、プロジェクトの複雑さ次第です。

まとめ

メリット

すぐ始められて、環境構築がほぼ不要

Bolt.newの大きな魅力は、とにかく手軽なことです。ブラウザを開けばすぐに開発を始められ、最初に大量の開発ツールを入れる必要もありません。初心者や、まずは素早くプロトタイプを作りたい人にはかなり使いやすいです。

アイデアから動く形になるまでが速い

やりたいことを一言で伝えて、AIにページや基本機能を作ってもらい、動きを見ながら修正できます。ランディングページ、ブログ、社内ツール、簡単なMVPなどは特にスピーディーです。

開発の流れをひと通りまとめられる

コード生成だけでなく、コード編集、リアルタイムプレビュー、データベース、ログイン機能、公開までBolt内で進められます。小規模なプロジェクトなら、複数のツールを行き来する手間がかなり減ります。

コードに詳しくなくても形にしやすい

Reactをゼロから書けなくても、開発環境の設定が分からなくても、要件をある程度きちんと伝えられれば、まず動くものを作れる可能性があります。

問題が起きても元に戻せる

Version HistoryやGitHub連携に対応しているので、AIの修正で画面が崩れても以前の状態に戻せます。初期の頃より安心して試しやすくなっています。

似たプロジェクトを繰り返し作るのに向いている

Skillsに開発ルール、デザイン要件、いつものプロジェクト設定などを保存できます。同じようなサイトをよく作る人なら、毎回同じ説明を繰り返さずに済みます。

デメリット

小さな修正が大きな変更になることがある

実際に使っていると起こりやすいポイントです。

ボタン1つや文章だけを変えたいのに、AIが関連するコードまで一緒に触ってしまうことがあります。プロジェクトが大きくなるほど、この問題は気になりやすくなります。

複雑になるほど完全には任せにくい

簡単なプロトタイプならかなり楽ですが、ログイン、データベース、決済、権限、外部サービスなどが増えるとトラブルも増えます。

ある程度コードを読める人がいないと、「AIに直してもらったら別の問題が出た」というループに入りやすくなります。

プロジェクトが大きくなるとToken消費も増える

簡単なページなら消費量はそれほど多くありませんが、ファイル数が増えるとAIが毎回読む内容も増えます。

大きな範囲を何度も修正させると、Token消費とコストも上がりやすくなります。

細かいコントロールは手書きのコードに劣る

Bolt.newは全体の土台を素早く作ったり、大きな方向性を変えたりするのには向いています。

一方で、細部まで厳密に自分の意図通りにしたい場合は、自分でコードを修正したほうが安定します。

大規模プロジェクトは得意分野ではない

複雑な企業システム、大規模バックエンド、多数のサービスが連携するプロジェクトになると、小規模アプリほど手軽には進みません。

この規模では、やはり専門の開発チームと成熟した開発プロセスが必要です。

無料版はまず試す用途向け

無料枠でも試したり小さなプロジェクトを作ったりするには十分ですが、毎日使う場合や規模の大きいプロジェクトでは、比較的早く上限に達します。

長期的にしっかり使うなら、有料プランを考えたほうが現実的です。

向いている人

プロダクトマネージャー / デザイナー

アイデアをすぐに、実際に触れて見せられる形にしたい人に向いています。

個人開発者 / 起業家

特にMVPづくりに向いています。まず使ってもらえるか試してから、次の投資を考えられます。

コードは書けないけれど、作りたいものが明確な人

要件がはっきりしていれば、これまで自分では作れなかった人でも、まず第一版を形にしやすいです。

プログラミング初心者

AIが書くコードと、実際に画面が動く様子を見ながら学べます。

ただ、プロジェクトが大きくなる前に基礎も少し覚えておいたほうが安心です。

マーケティング / 運用担当

キャンペーンページ、申込ページ、社内ツール、小規模なダッシュボードなどと相性がいいです。

あまり向いていない人

コードを細かく管理したい開発者

変更内容やファイル構成をすべて自分で厳密にコントロールしたい場合、BoltのAgent型の進め方は合わないことがあります。

大規模で複雑なバックエンド開発チーム

マイクロサービス、複雑なDB移行、社内インフラなどは、従来の開発環境のほうが扱いやすいです。

コードをまったく見るつもりがない人

最初は見なくても進められます。

ただ、長く運用するなら、コード構成をまったく理解しないまま使い続けるのはリスクがあります。

データ管理やコンプライアンス要件が厳しい組織

社内プロジェクトで使う前に、Enterprise向けのセキュリティ、権限管理、データガバナンスを確認したほうがいいです。

編集者としての評価

Bolt.newが一番うまく解決しているのは、
「アイデアはあるけど、最初から開発環境を整えるのは面倒」
という場面です。

ここはかなり便利です。

特に最初のプロトタイプ、社内ツール、キャンペーンページ、小規模SaaSなどは、かなり早く形にできます。

ただ、プロジェクトが大きくなれば、普通のソフトウェア開発と同じ問題は結局戻ってきます。

コード品質、テスト、データベース設計、権限、安全性、保守。こうした問題が自動で消えるわけではありません。

なので、Bolt.newを「プログラマーの代わり」と考えるより、

最初のプロダクトを作るコストと時間を大きく下げてくれるツール

と考えるほうが近いです。

それだけでも、多くの人にとって十分価値があります。

コメント(0件)

コメントを書く

Advertisement 728 × 90

類似ツール