【自腹検証】プログラミング知識ゼロの事務員が「Bolt.new」を使ってみたら30分で社内ツールが完成した話。大手が書かない「エラー無限ループの地獄」と無料枠(1日30万トークン)のリアルな限界まで本音暴露

AI・便利ツール

【先に結論】Bolt.newは「日本語で話しかけるだけで、動く業務ツールがブラウザ上に立ち上がる」という体験を、非エンジニアに初めて本気で届けたツールです。ただし、無料枠は思ったよりずっと早く溶けますし、エラー修正の無限ループにハマると一気に地獄を見ます。

  • 革命的な点:環境構築ゼロ、日本語チャットだけで画面から裏側のコードまで全自動で生成され、その場で動かせます。
  • 詰まる点:アプリが育つほどトークン消費が増え、エラー修正を繰り返すと無料枠が溶けます。データ保存(Supabase連携)では急に難易度が上がります。
  • 勝ち筋:「小さく作って、1機能ずつ足す」3ステップ・プロンプトを守れば、事務員でも1つ目のツールは30分前後で形になります。
評価項目 スコア ひとこと
手軽さ ★★★★★ ブラウザを開いて話しかけるだけ。インストールは一切ありません。
実用度 ★★★★☆ 社内の入力・集計ツールなら十分実戦投入できます。大規模システムは不向きです。
コスパ(無料枠) ★★★☆☆ お試しには最高ですが、本気で作ると1日で枠を使い切ります。
非エンジニア適性 ★★★★☆ 最初の一歩は楽です。DB連携とエラー対応で壁が来ます。

※料金やトークン上限は頻繁に改定されます。この記事の数字は私が検証した時点のもので、契約前には必ず公式ページで最新情報を確認してください。

深夜2時、重すぎるエクセルと戦う日々に限界がきた話

午前2時、会社のノートPCのファンが唸りを上げる横で、私は固まったエクセルの画面を見つめていました。VLOOKUPが何重にも入れ子になった集計ファイルが、「応答なし」と表示されたまま動かなくなったのです。

先輩が昔作ったマクロ入りのファイルは、誰も中身を理解していません。ある月、行を1つ挿入しただけで参照がズレ、合計金額が合わなくなりました。その原因を探すだけで半日が溶けました。

そのとき強く思ったのが、「入力する画面と、集計する画面だけが入った自分専用のツールがあれば」ということです。エクセルのセルに直接打ち込むから壊れる。入力フォームがあれば、誰が触っても壊れないはずでした。

では、社内のエンジニアに頼めばいいのかというと、そう簡単ではありません。「まず仕様書を書いてください。入力項目、バリデーション、権限設計、画面遷移図もお願いします」と言われます。そこで私は詰みました。仕様書が書けるなら、とっくに自分で何とかしています。

ソラソラ
「仕様書が書けないから頼めないのに、仕様書を書けって言われるのは理不尽ニャ!事務員あるあるすぎて泣けるニャ……」

そんなとき出会ったのが「Bolt.new」です。今回は、これを実際に触って経費の入力・集計ツールを作ってみた記録を、うまくいった点も失敗した点も包み隠さず書きます。

Bolt.newとは何者か?なぜ世界中でバズっているのか

従来のノーコードツールとの決定的な違い

Bolt.newは、StackBlitz社が提供する「チャットでアプリを作るAI開発ツール」です。やりたいことを日本語で書くと、AIが画面もプログラムも自動で書き、右側のプレビューですぐに動かせます。

BubbleなどのノーコードツールにはUI部品をドラッグして並べる操作と、独自の概念(ワークフロー、データタイプなど)の学習が必要でした。私も過去に挑戦しましたが、用語を覚えるところで挫折しました。

Bolt.newは学習する対象が「日本語」しかありません。裏側のコードまで全部AIが書くので、ボタンの配置も計算処理も「こうして」と頼むだけです。この学習コストの低さが、世界中でバズっている最大の理由だと感じます。

WebContainers技術を日常のたとえ話で

Bolt.newを支えているのが「WebContainers」という技術です。難しく聞こえますが、たとえ話にすると単純です。

普通、アプリを作るには自分のパソコンに専用のソフトを入れて、設定を何時間もかけて整える必要があります。これが「環境構築」で、非エンジニアが最初に脱落する関門です。

WebContainersは、ブラウザの中に「小さなレンタルパソコン」を借りるようなものです。自分のPCは汚れませんし、設定も要りません。タブを開けば部屋が用意され、閉じれば部屋ごと片付きます。引っ越し不要で、道具が揃ったレンタル作業部屋に入るイメージです。

ハゼハゼ
「会社PCにソフトを入れられない事務職こそ、この仕組みの恩恵が大きいです。ブラウザさえ開ければ始められます。ただし、社内ルールで外部AIサービスへの入力が制限されている会社もあるので、実在の個人情報や機密データは入れないようにしてください。」

実名ライバルとのガチ比較表

「結局どれを使えばいいの?」という疑問に、私の使用感ベースで答えます。仕様は更新が早いため、あくまで検証時点の傾向として見てください。

比較項目 Bolt.new v0 (Vercel) Lovable Cursor
対象ユーザー 初心者〜個人開発者 デザイナー・フロント寄りの開発者 初心者・起業家 エンジニア
環境構築の要否 不要(ブラウザのみ) 不要 不要 必要(エディタのインストールと環境整備)
UIデザイン性 標準的。指示次第で化ける 非常に高い。見た目が美しい 高い。仕上がりが洗練されがち 自分のコーディング次第
ロジック動作(フルスタック性) 高い。裏側の処理もまとめて生成 UI中心だったが、機能は拡張中 高い。DB連携も得意 最強だが、人間が理解して指示する前提
無料プランの制限 トークン制(日次・月次の上限あり) クレジット制の上限あり 1日あたりの利用上限あり 無料枠はあるが、本格利用は有料が前提

私の結論はシンプルです。「見た目を美しく作りたい」ならv0かLovable、「動くツールを素早く作りたい」ならBolt.new、「長期的に育てるプロダクトを作るエンジニア」ならCursorです。

事務員が自分の業務を楽にする目的なら、まずBolt.newかLovableを試すのが現実的です。どちらも無料で触れるので、同じプロンプトを両方に投げて比べてみるのもおすすめです。

ソラソラ
「Cursorって名前はよく聞くけど、エンジニア向けなんだニャ。事務員の私が最初に触ったら迷子になりそうニャ……」

【実録】大手が書かない「3大デメリット・詰まりポイントと回避策」

デメリット1:コードが増えるとトークン消費が倍々ゲームになる罠

最初のチャットは快適です。「経費入力フォームを作って」と頼んだだけで、数十秒で画面が立ち上がります。このとき私は「無料でここまで作れるのか」と感動しました。

しかし、アプリが育つにつれて消費の勢いが変わります。AIは修正のたびに既存のコードを読み込むので、ファイルが増えるほど1回あたりのトークン消費も増えます。

無料枠は月間100万トークン、1日30万トークンという設計でした。ところが、機能を足してデザインも直しているうちに、私は5〜6回のチャットで1日分の枠を使い切りました。「あと1つだけ直したい」というところで止まるのが、一番悔しい瞬間です。

回避策:

  • 1回のチャットで指示を詰め込みすぎず、ただし「直して」を連発せず、修正点はまとめて1回で伝えます。
  • 見た目だけの細かい調整は後回しにし、動作を先に固めます。
  • プロンプト入力欄の「プロンプトを改善(Enhance)」機能は便利ですが、指示が長くなる分トークンも使うため、使いどころを見極めます。
  • 枠が切れたら無理に粘らず、翌日にリセットされるのを待ちます。
ハゼハゼ
「無料枠は『いかに少ない往復で終わらせるか』の勝負です。作る前に紙に画面のラフを書いて、頼むことを整理してから開くだけで、消費は体感で大きく減ります。」

デメリット2:エラー修正(Fix error)の無限ループ地獄

これが最大の地雷です。ある日、集計ボタンを追加した直後に画面が真っ白になり、赤いエラーが表示されました。親切にも「Fix error」のようなボタンが出るので、押します。

するとAIは直します。ところが直ったと思ったら、今度は別の箇所が壊れます。それをまた直させると、さらに別の箇所が壊れます。気づけば同じようなやり取りを繰り返し、トークンだけが減っていきます。

非エンジニアには、AIの修正が正しいのか、迷走しているのかが判断できません。私は1時間ほどこの沼にハマり、「自分は何をやっているんだ」と深夜に声が出ました。

脱出の裏ワザ(私が実際に助かった順):

  1. エラーが出る前の履歴に戻る:チャット履歴を遡り、最後に正常に動いていた時点まで巻き戻します。壊れた状態を直すより、動いていた状態に戻る方が圧倒的に安く済みます。
  2. エラー文を貼らず、「何をしたいか」を再定義する:エラーの直し方を頼むのではなく、「この画面で、金額を入力して合計が表示されるようにしたい」とゴールを言い直します。AIが別の実装で作り直してくれることがよくあります。
  3. 同じエラーで3回直らなければ打ち切る:3回目で諦め、巻き戻して別のやり方を指示します。
【エラー対応時の指示例】
いま発生しているエラーの修正はいったん中止してください。
やりたいことは次のとおりです。
「金額の入力欄に数字を入れ、追加ボタンを押すと、下の一覧に行が増え、合計金額が自動更新される」
既存の見た目は変えず、この動作だけが正しく動くように、必要最小限の変更で実装してください。
ソラソラ
「エラー文を貼れば直ると思ってたニャ……。直すより戻る方が早いなんて、人生と一緒ニャ。」

デメリット3:データの保存先(Supabase連携など)で急に難易度が跳ね上がる壁

画面と計算ができた段階では、「もう完成じゃん」と有頂天になります。ところが、ブラウザを更新すると入力したデータが全部消えます。ここで初めて「データを保存する場所が必要」という現実に直面します。

Bolt.newにはSupabaseというデータベースサービスとの連携機能があります。ここから急に専門用語が増えます。アカウント作成、プロジェクト、テーブル、行レベルセキュリティ(RLS)、APIキーなどです。

特にRLSの設定ミスは、「データが保存されない」「他人のデータが見えてしまう」といった事故に直結します。事務員が1人で触るツールでも、社内の個人情報や金額を扱うなら慎重にならざるを得ません。

回避策:

  • 最初からDB連携を狙わず、まずは「ブラウザ内保存(ローカルストレージ)で動く版」を作って使い勝手を確かめます。
  • DB連携に進むときは、ダミーデータで十分に試してから、実データを入れます。
  • 認証やアクセス権限の設定は、AIの出力を鵜呑みにせず、情シスや詳しい人に確認してもらいます。

非エンジニアが失敗しない「神プロンプトの設計書(3ステップ)」

最初から「経費精算システムを作って。申請・承認・集計・権限管理も」と頼むと、ほぼ確実に爆死します。トークンが一気に溶け、エラーが出て、どこが壊れたのかも分からなくなります。

私が散々失敗した末にたどり着いたのは、「見た目→ロジック1つ→デザイン」の順に作る3ステップです。

ステップ1:画面の骨組み(見た目)だけを作らせる

経費の入力ツールの画面だけを作ってください。
・入力項目:日付、利用先、金額、カテゴリ(交通費/備品/その他)
・「追加」ボタン
・下に入力済みの一覧表を表示する枠
今回は見た目だけで構いません。計算やデータの保存は不要です。
デザインはシンプルな白背景にしてください。

ここでは動作を求めないことが重要です。まず画面の骨組みを確認し、イメージと違えば、この時点で言葉を変えて直します。

ステップ2:計算ロジックを1つだけ追加する

「追加」ボタンを押したら、入力内容が一覧表に1行追加されるようにしてください。
・同時に、一覧の下に「合計金額」が表示され、行が増えるたびに自動で更新されるようにしてください。
・計算はこの合計だけにしてください。
・データの保存、ログイン機能、他の集計は今回は不要です。
・ステップ1で作った見た目は変更しないでください。

ポイントは、ロジックを「1つだけ」にすることです。私は最初、合計、カテゴリ別集計、月別集計、CSV出力をまとめて頼み、見事に壊れました。1つずつ足せば、壊れたときに「直前の指示が原因」だと特定できます。巻き戻す範囲も最小限で済みます。

動作を確認したら、実際に数字を入れて電卓と照らし合わせてください。AIの計算は基本的に正確ですが、「空欄で追加ボタンを押したらどうなるか」といった例外は抜けがちです。気になる点は次のステップに進む前に、1つずつ頼んで潰します。

ソラソラ
「あれもこれも一気に頼みたくなる気持ち、わかりすぎるニャ。でも1つずつの方が結局早いんだニャ……!」

ステップ3:デザインを整える

動作が固まってから、最後にデザインを触ります。見た目の修正は動作を壊しにくいうえ、後回しにしておけば、無料枠が余ったときの「おまけ作業」にできます。

見た目だけを整えてください。動作は一切変えないでください。
・全体を落ち着いた青系の配色にする
・ボタンは大きめにして、押しやすくする
・一覧表は1行おきに薄い色を付けて読みやすくする
・金額は3桁ごとにカンマ区切りで、右揃えにする
・スマホで開いても横にはみ出さないようにする

「動作は一切変えないでください」の一文は、地味ですがとても効きます。これを入れ忘れると、デザイン変更のついでにAIが張り切ってロジックまで書き換え、せっかく動いていた合計が壊れることがあります。

各ステップが終わるたびに、「ここまでは動いている」という地点を意識してください。うまくいった時点のチャット履歴を覚えておけば、デメリット2で書いた「エラー前に戻る」がすぐ実行できます。

ステップ 頼むこと ねらい 失敗したとき
ステップ1 画面の骨組みだけ 完成イメージのすり合わせ 言葉を変えて作り直す
ステップ2 ロジックを1つだけ 壊れた原因を特定しやすくする ステップ1の状態に巻き戻す
ステップ3 デザイン調整 使いやすさと見た目を仕上げる 「動作は変えない」と明記してやり直す
ハゼハゼ
「プロンプトには『やること』だけでなく『やらないこと』も書くのがコツです。『保存は不要』『見た目は変えない』と線を引いておくと、AIの暴走とトークンの無駄遣いが一気に減ります。」

私はこの3ステップで、経費の入力・集計ツールを約30分で動かすところまで持っていけました。ただし、これは「1日の無料枠が残っている状態で、エラーに遭遇しなかった」場合の話です。実際には前日までの試行錯誤が土台にあり、エラーに巻き込まれた日は1時間以上かかりました。「30分で完成」は、うまくいった日の最短記録だと思ってください。

料金プランの真実:無料枠でどこまで行ける?Pro月25ドルは払う価値あるか?

無料枠で到達できるライン

検証時点の無料プランは、月間100万トークン、1日30万トークンという上限でした。この枠で何ができたかを、私の体感でまとめます。

  • できた:入力フォームと一覧表示、合計計算など、1画面で完結する小さなツールの試作。
  • ギリギリ:デザインの作り込みや、複数画面にまたがる機能追加。1日の枠を使い切る可能性が高いです。
  • 厳しい:Supabase連携を含む、データ保存・ログイン付きのツールを、エラー対応込みで完成させること。

つまり無料枠は、「Bolt.newが自分の仕事に使えそうか」を見極める試着室としては最高です。一方で、本番で使うツールを仕上げきるには、少し窮屈です。

Pro(月25ドル)は払う価値があるのか

Proプランは月25ドルです。円換算では為替によって変わりますが、おおよそ数千円程度の感覚です。無料枠で感じる「あと1回直したいのに止まる」というストレスが、大きく解消される位置づけです。

特に注目したいのが、未使用トークンが翌月に繰り越せる(ロールオーバー)仕様です。多くのAIツールは、その月に使い切れなかった分が月末に消えてしまいます。これは「忙しい月と暇な月の差が激しい人」にはありがたい仕組みです。事務職なら、決算期や繁忙期にまとめて使い、閑散期は温存するといった使い方ができます。

なお、繰り越しの対象範囲や有効期限など細かい条件は、プラン改定のたびに変わる可能性があります。契約前に公式の料金ページで最新の条件を必ず確認してください。

観点 無料プラン Pro(月25ドル)
向いている人 まず試したい人、単機能の試作 業務で継続的に作り込む人
主なメリット お金をかけずに全体像がつかめる 日々の制限に悩みにくく、繰り越しも活用できる
主なデメリット 日次上限で作業が途中で止まる 月額が固定費になる
判断の目安 最初の1〜2週間はここで十分 「毎週使う」とわかってから契約
ソラソラ
「月25ドルって、毎月のランチ数回分ニャ。でも使わなかったらもったいないニャ……。いつ課金すればいいのか悩むニャ。」
ハゼハゼ
「目安はシンプルです。無料枠で3日連続『枠が足りなくて作業が止まった』と感じたら、そこが課金のタイミングです。それまでは無料で十分。作りたいツールが明確になってから課金すれば、トークンを無駄にしません。」

私自身の結論は、「最初は無料で3ステッププロンプトを一通り体験し、本当に業務で使えると確信できたときだけProに上げる」です。エクセルの作業時間が月に数時間でも減るなら、月25ドルは十分に回収できる投資になります。逆に、「面白そう」という理由だけで契約すると、使わないまま月額だけが出ていきます。

まとめ:非エンジニアが「自分で自分の仕事の道具を作る時代」の始まり

Bolt.newを触ってみて、一番強く感じたのは、「道具を作る側」と「道具を使う側」の境界が崩れ始めているということです。これまで事務員は、エクセルという既製品の道具を、必死に工夫して使うしかありませんでした。それが今は、「こういう入力画面がほしい」と日本語で伝えるだけで、自分専用の道具が立ち上がります。

とはいえ、魔法のツールではありません。この記事で書いたとおり、無料枠はすぐ溶けますし、エラーの無限ループは本当に心が折れます。データ保存の壁は、非エンジニアには決して低くありません。それでも、「小さく作る」「1機能ずつ足す」「動いていた地点に戻る」という3つの作法を守れば、最初の1つ目のツールは確実に形になります。

最後に、今日からできる最初の一歩を3つにまとめます。

  1. 紙に画面のラフを書く:入力項目と、見たい集計を3行で書き出します。
  2. 無料枠で、ステップ1(見た目だけ)を頼む:動作は求めず、イメージが合うかだけ確認します。
  3. うまくいった地点を覚えておく:壊れたら、エラーを直さず、その地点に戻ります。

なお、実際の社員情報や顧客情報、機密データは、試作段階では絶対に入力せず、必ずダミーデータで試してください。本番運用する場合は、会社のルールや情報システム部門の方針を確認したうえで進めるのが安全です。

ソラソラ
「深夜2時にエクセルと戦う日々から、私も卒業できそうな気がしてきたニャ!まずは無料枠で、小さな入力画面から作ってみるニャ!」

深夜2時に固まったエクセルを眺めていたあの日の私に、今ならこう伝えたいです。「仕様書が書けなくても大丈夫。日本語で話しかけるところから始めればいい」と。あなたの仕事の道具は、あなた自身が一番よく知っています。その知識こそが、AIに伝えるべき最高の仕様書になります。

コメント

タイトルとURLをコピーしました