今まで時間を取れず形にできなかったアプリをClaude Codeで爆速で作成する

概要

• とにかくClaude Codeがすごいと聞くので、とりあえず触ってみた
• 今までもCursorとかOpenrouterでAPIを叩いてみるものの、そもそも自分のコーディング能力が低くので、いまいち形にできずに終わっていた
• とりあえず、login methodをAPIモードで、10ドルくらい課金して使ってみることに...

作ってみたもの・・・ 「マネーフォワードMEのcsvファイルを元に折半するアプリ」

前提

• 普段、夫婦の家計管理はマネーフォワードMEで行なっています
• 基本、私の収入・支出を連携しており、一部妻のクレカで支払ったものは手動登録しておき、食費などは折半しています（全部、夫が支払えない。情けない...）
• マネーフォワードMEは、個人向けにはAPI提供していないため、1月分のcsvをダウンロードして、それを計算用のマスターとなるスプシに読み込み、関数にはめて、一部折半しています
  • イメージ
    

いつもやってる手順

1. csvダウンロード
2. ドライブに入れる
3. csvをスプシで開く
4. マスターになるスプシへ一部インポート

※5分くらいでできますが、csvをアップロードするだけでパッと計算してくれないかなと思っていました

実際にアプリっぽく作ってみる

• なんとなく自分が実務で使ったことがない技術スタック（GoやReact）で作るとどんな感じなのか知りたくて、その辺りで作成してみてもらいました

• まず、要件定義を適当にclaude appの方で作成してみた後に、それを元に作成してもらうように指示しました

• 要件定義書

  # 共働きコスト折半ツール 要件定義書
  
  ## 1. プロジェクト概要
  
  ### 1.1 目的
  マネーフォワードMEのCSVエクスポート機能を活用し、夫婦間での家計支出の折半計算を自動化するWebアプリケーションを開発する。
  
  ### 1.2 背景
  - 家族代表者（夫または妻）のマネーフォワードMEアカウント1つで家計を一元管理
  - 代表者のカードで大部分の支払いを実施
  - 片方が個人カードで支払った分については差し引きして折半精算
  - マネーフォワードMEの中項目やメモ欄に識別文字列を設定して支払者を判別
  
  ## 2. 機能要件
  
  ### 2.1 データ入力機能
  **2.1.1 CSVファイルアップロード**
  - マネーフォワードMEから出力されたCSV形式のファイルを受け付ける
  - 対応フォーマット：「収入・支出詳細」形式
  - 文字エンコーディング：Shift_JIS対応
  - ファイルサイズ制限：10MB以下
  
  ...
  ### 3.1 技術仕様
  **3.1.1 アーキテクチャ**
  - フロントエンド：React (TypeScript)
  - バックエンド：Go
  - 開発環境：Docker
  - 実行環境：localhost（開発段階）
  

やりとりを15分くらいすると...

• とりあえずローカルで、csvをアップロードするだけで、パパっと計算することに成功しました

  

  • ±の計算がうまくいかず、何度かラリーをしました

• 一応、リポジトリは以下のような感じになりました（計算に使っているcsvは適当です）

感想

• 正直、生成されるコード全てを理解はできていませんが、こんなに素早く、クオリティの高いプロトタイプを作成できるとは驚きました
• この後すぐに、Maxプランにしました
• やはり作成されたものが適切かどうかn判断はできるようにならないといけないなと思い、引き続き自己研鑽は続けていきたいです