副業3週目、業務改善Webアプリ サンプル1本目を1日で公開

朝の記事で「明日からサンプル1本目を作る」って書いた。
その日のうちに完成した。

「またExcel開いてる…」を、AIに渡したらどうなるか。
1日でゼロから本番公開まで、実際に触れるWebアプリを作って出してきた。
CSVをドラッグするだけで売上ダッシュボードが立ち上がるやつ。
副業始めて23日、未経験がClaude Codeと組んで業務改善Webアプリを公開した記録。

朝の予告通り、その日のうちに完成までいけた

朝のブログで宣言した内容は、こんな感じやった。

  • 売上集計+月次レポート自動生成のWebアプリを作る
  • 入力→自動集計→月次レポートまでブラウザで完結
  • URL開くだけ、スマホからもOK
  • AI入れるなら「先月の傾向まとめて」も自動で

結論、ぜんぶ実装できた。
朝書いた予告は、夜には本番URLとして動いてた。

制作の流れはざっくりこんな1日。

  • =CSV取り込みだけ動かす
  • =グラフ4種類載せる
  • 夕方=AI要約とチャット組み込み
  • =Vercelに本番デプロイ

1個ずつ「これでよろしく」「次これ」ってClaude Codeに渡しただけ。
未経験の自分が1日でここまでいける時代になった、と素直に思う。

CSVドラッグ → 売上ダッシュボード化(中身)

売上レポート自動化アプリのダッシュボード。総売上や月別売上推移、チャネル別売上の円グラフを表示
売上データを入れると自動でグラフ化される画面

できたアプリの中身、もうちょい具体的に。

  • CSVをドラッグするだけで、3チャネル×12ヶ月×5,029行のサンプルデータが即ダッシュボード化
  • KPIカード4枚(総売上/前月比/前年同月比/取扱SKU数)
  • 月別売上推移の折れ線グラフ
  • チャネル別シェアのドーナツチャート
  • 商品TOP10ランキング
  • 月次レポートをAIが自動で要約(経営者向けの一段落サマリ)
  • 「来月どう動くべき?」をAIに相談できるチャット(売上データを文脈に答える)

特にこだわったんは「サンプルデータで開く」ボタン。
お手元のCSVを用意せんでも、ボタン1つで触れる。
「ちょっと見てみたい」のハードルをゼロにした。

公開URL:https://sales-report-app.vercel.app

未経験1日でできた理由=Claude Codeと会話しながら組み立てた

「未経験で1日って盛ってへん?」って思うやろ。
盛ってない。

AIに丸投げじゃなくて、AIと会話しながら段階分けて組み立てた感覚。
仕様を日本語でClaude Codeに渡して、出てきたコードを動かして、詰まったら相談して、また次へ。1個ずつ積んでいっただけ。

途中で1回コケた。
AnthropicのSDKをEdge Runtimeで動かそうとして本番ビルドが落ちた。
エラーログを見せたら「Edge無理」って即答きた。原因特定にかかった時間、たぶん5分。

下地ゼロやないのは正直に書く。
前に工場で工作機械のプログラミング(NCコード)かじってたから、「命令を順番に組み立てる」発想は体に入ってる。
けどWeb開発は完全に初めて。それでも1日でいけたんは、AIが横にいるからやと思う。

未経験+AI=1日で本番デプロイ。これが今できる時代になった。

触ってもらえます+業務に合わせて作ります

このアプリ、触ってみてほしい。

サンプルデータ込みやから、CSV用意せんでもボタン1つで動く:
https://sales-report-app.vercel.app

そして「うちのCSVでも同じことできる?」「KPI項目変えたい」「Slackに月次レポート飛ばしたい」みたいな相談、ランサーズとココナラの出品で受け付けてる。
実案件では客先のCSV仕様・KPI・出力フォーマットに合わせてカスタムで作り込む。

「自分には無理」って思ってる人にこそ、触ってみてほしい。


👉 Excel・スプレッドシートの集計コピペをAIで自動化(ランサーズ)


あわせて読みたい