つくり方・全公開 ／ リフォーム概算見積シミュレーター

このリフォーム見積ツール、
“話しかけただけ”で作りました。

お客様が条件を選ぶと、概算の見積額がその場で出る——工務店向けのそんなツールを、コードなしで作った記録です。

Claude Commit Club 編集部所要 約40分の記録使った道具：Claude Code
書いたコード
0 行
かかった時間
約40 分
頼んだ回数
5 往復

やったことは、5回“お願い”しただけ

下は、実際のClaude Codeの画面です。> で始まる行が、経営者が打ち込んだ言葉。その下が、AIがやってくれたことです。

1回目：作りたいものを伝える

claude code — reform-mitsumori
>リフォームの広さやグレードを選ぶと、概算の見積額が出るツールを作りたい。お客様に見せながら使いたい。
CLAUDE CODE
  • ✓広さ・グレードなどを選ぶ画面を作成しました
  • ✓選んだ条件から概算見積を計算する仕組みを組み込みました
  • ✓結果に金額の目安を大きく表示しました
— もう、選ぶと見積が返る形になりました。

2回目：現場に合わせる

claude code — reform-mitsumori
>選択肢は「サンプル」だと分かる書き方にして。あと入力は3〜4項目で終わるくらい簡単に。
CLAUDE CODE
  • ✓選択肢をサンプルと分かる表記に整えました
  • ✓入力を主要な項目だけに絞りました
  • ✓ボタンで選ぶだけの操作にしました
— お客様の前でも、迷わずサッと使えます。

3回目：結果を商談に効かせる

claude code — reform-mitsumori
>結果に「工事の内訳」と、概算だと分かる注意書きを添えて。
CLAUDE CODE
  • ✓金額の内訳を項目ごとに表示しました
  • ✓「概算です」の注意書きを添えました
  • ✓追加見積の相談につながる導線を置きました
— 見積の“たたき台”として、その場で会話が進みます。

4回目：見た目を整える

claude code — reform-mitsumori
>見た目は紺色ベースで、職人らしい落ち着いた雰囲気に。AIっぽい角丸は避けて明朝で。
CLAUDE CODE
  • ✓紺を基調にした配色にしました
  • ✓角丸をやめ、罫線ベースの作りにしました
  • ✓見出しを明朝体に変更しました
— 自社の看板に置いても浮かない佇まいになりました。

5回目：サイトに載せる

claude code — reform-mitsumori
>自社サイトに貼れる形で書き出して。タブレットでも見やすく。
CLAUDE CODE
  • ✓そのまま設置できる1ファイルに書き出しました
  • ✓タブレット・スマホ表示に対応しました
— 完成。いま触ったこの見積ツールが、その成果物です。

ここが、いちばん伝えたいこと

一

専門用語は、いりません

使ったのは全部、普段の言葉だけ。プログラミングの知識も、専門ソフトも使っていません。頭にある「こんなの欲しい」を、そのまま話すだけです。

二

気に入らなければ、話して直す

最初から完璧を狙わなくて大丈夫。「もっとこうしたい」と伝えれば、その場で作り変わります。会話しながら、自社にちょうどいい形へ近づけていきます。

三

できたものは、そのまま使える

頭の中の「あったらいいな」が、その日のうちに自社サイトで動く。外注も、次のバージョン待ちもありません。

できあがったもの

その成果物が、これです。

広さやグレードなどを選ぶと、リフォームの概算見積がその場で出ます。お客様に見せながら商談を進められます。まずは体験を。

ツールを触ってみる →ほかのつくり方も見る
TANE-AKASHI

この“話しかけて作る”を、あなたの会社でも。

Claude Commit Club は、経営者が自分の手でAIツールを作り、集客と売上につなげる実践コミュニティです。

Claude Commit Club を見てみる →