どんな話？
bolt.new は、StackBlitz が開発する、作りたいものを言葉で伝え、動くWebサイトやアプリへ近づける制作の場所。案内ページ、計算する道具、記録を残すアプリ、スマホ向けのアプリ、外部の機能、公開という全体の地図を、架空の勉強会で見渡した回。きれいな画面が出たことと、保存・ログイン・決済まで正しく動くことは別。成果物は、保存や決済を付けない案内1ページの依頼カード。
この記事でわかること
- コードを作り、制作中の画面を見られる環境も用意する。通常のWeb制作を始めるために、自分のパソコンへ開発用の道具を一式入れる必要はない
- 計算の道具は、式と試した値を対応させて見る。3,000円＋人数×200円なら、20人で7,000円、15人で6,000円、0人で3,000円
- 内蔵のBolt Databaseは全プランで利用できるが、作れる個数と利用枠は別。プロジェクトを以前の版へ戻しても、現在のBolt DatabaseやSupabaseの記録は戻らない
- モバイルアプリはExpoを使い、最初の依頼に mobile app と入れる。ストアへの配布には、有料のAppleやGoogleの開発者アカウントなどが必要
- 無料の bolt.host アドレスへ公開でき、Freeも対象。公開したサイトは一般公開で、公開時の初期設定もPublic。公開版へ反映するにはPublishメニューのUpdateを使う
- Freeは0ドルで月100万トークンと1日30万トークン、Proは月25ドルから月1000万トークンから（2026年10月3日の料金ページの月払い表示）。トークンは作ったアプリの個数ではない
やることチェックリスト
0/5記事を読みながら、できたものにチェックを付けていけます。チェックはこの端末に残ります。
ぜんぶできた！おつかれさまでした。
くわしい手順と画面の図は、Xの記事にあります。
こんな人に
- 案内ページや小さな道具を作りたいのに、コードの書き方から調べ始めて手が止まっている人
- bolt.new が何をできるのか、どこで人の確認が必要になるのかを先に整理したい人
- 無料でどこまで使えて、作る費用と公開して使う費用がどう分かれるのかを知りたい人
この話のTIPS
- 注意プロジェクトを以前の版へ戻しても、現在のBolt DatabaseやSupabaseの記録は戻りません。コードを戻す操作だけで、申込情報や会員情報まで元へ戻ると考えないでください。
- コツ利用量を節約するために大切なのは、頼む前に完成の形を絞ること。