去年の10月、副業のネタを探してたときに初めてBolt.newを知った。「AIでWebアプリが作れる」って聞いて、半信半疑でとりあえず触ってみたんだけど、最初のプロンプトを送信してから40秒後に画面右側で動くToDoアプリが表示されたとき、正直ちょっと声が出た。
「プログラミングできない人間が、こんなものを作っていいのか」って気分だった。それくらい衝撃だった。
この記事では、そのときの体験をベースに、Bolt.newで実際に10分でWebアプリを作る手順と、副業に使えるアイデアをまとめた。難しい話は一切ない。
ChatGPTは「テキストで答えを返す」ツール。Bolt.newは「ブラウザ上でアプリを動かして返す」ツール。この違いがすべて。
StackBlitz社が2024年後半に公開したAIコーディングツールで、日本語の指示だけでWebアプリのコードを自動生成してくれる。生成されたアプリはその場でプレビューできて、修正もチャットで指示するだけ。
ベースのAIはAnthropicのClaude 3.5 Sonnet。コード生成の精度が高いと評判のモデルを使ってるから、出力の品質も安定してる。
| ツール | できること | アプリのプレビュー | そのまま公開 |
|---|---|---|---|
| ChatGPT | コードをテキストで出力 | ❌ できない | ❌ できない |
| Claude | コードをテキストで出力 | ❌ できない | ❌ できない |
| Bolt.new | コード生成＋即実行 | ✅ リアルタイム | ✅ ワンクリック |
この表を見れば分かるけど、「作って終わり」じゃなく「作って即公開」まで完結するのがBolt.newの強み。副業目線だと、ここが一番重要。
最初にやったとき、プロンプトが雑すぎて「なんか違う」ものが生成された。「ToDoアプリ作って」だけ送ったら、デザインが90年代のWebサイトみたいになって笑った。
そこから「具体的に書くほど精度が上がる」と学んだ。以下が今の自分のやり方。
ステップ1：bolt.new にアクセスしてサインアップ
GoogleかGitHubアカウントで1〜2分で登録完了。新しいパスワードの設定不要。
ステップ2：プロンプトを入力する
「何を・どんな見た目で・どんな機能を」の3点を書く。以下がそのまま使えるテンプレート。
ステップ3：30〜60秒待つ
送信後、AIがコードを生成して画面右側にプレビューが表示される。実際に触って動作確認できる。
ステップ4：追加指示で修正
「完了済みタスクをグレーアウトして」「フォントをもう少し大きく」など、チャットに追加指示を入れるだけ。コードは一切触らなくていい。
ステップ5：Deployボタンで公開
右上の「Deploy」を押すと自動でURLが発行される。そのリンクをポートフォリオやSNSに貼れる。
慣れると本当に10分かからない。最初の試行でも15分で動くアプリが完成した。
11月にクラウドソーシングで「LP制作 3万円」の案件を取った。以前なら「無理」と思って応募しなかったやつ。Bolt.newがあったから応募できた。
副業で使える理由は3つある。
① 制作スピードが圧倒的に速い
通常のコーディングで3〜5日かかるLPが、Bolt.newなら数時間で形になる。時給換算すると普通に割に合う。
② 修正対応がストレスゼロ
クライアントからの「ここ変えて」に、チャットで指示するだけで対応できる。「修正費用をどうするか」の心理的ハードルが下がった。
③ ニッチツール＋SEOのビジネスモデルが成立する
「フリーランス源泉徴収計算ツール」みたいな特定の悩みを解決するツールを無料公開してアクセスを集め、アフィリエイトへ誘導するモデル。海外のインディーハッカーがすでに実績を出してる手法で、Bolt.newなら参入コストがほぼゼロ。
無料プランで2週間使ってみた感想：「試すには十分、副業で使うには足りない」。小さいアプリを3〜4本作ったあたりでトークンが尽きた。
| プラン | 月額 | トークン数 | 商用利用 | おすすめ用途 |
|---|---|---|---|---|
| 無料 | $0 | 150,000/月 | △ | お試し・学習用 |
| Basic | 約$20 | 10,000,000/月 | ✅ | 副業・制作代行 |
| Pro | 約$50 | 大規模開発向け | ✅ | 本格開発・チーム利用 |
副業で稼ぐなら迷わずBasicプランを選ぶべき。月額約3,000円の投資で、LP制作1件（3〜5万円）を受注すれば余裕で元が取れる。費用対効果で言えばトップクラスのツールだと思う。
Bolt.new単体でもかなり使えるけど、以下のツールと組み合わせると一気に「本物のサービス」に近づく。私が実際に使ってる構成を紹介する。
ユーザーのデータを保存したり、ログイン機能が必要なアプリを作るときの定番。無料枠でも十分使える。Bolt.newのプロンプトに「Supabaseを使ってユーザーデータを保存する機能を追加して」と書くだけで連携コードまで生成してくれる。
Bolt.newの内蔵デプロイ機能でも公開できるけど、長期運用するならNetlifyかVercelに移行するのがおすすめ。どちらも無料プランあり。GitHubと連携すると更新が自動デプロイされて楽。
Vercelが作ったUIコンポ
