レシート撮影で自動記録する家計簿システム

概要

レシートを1枚ずつ手入力する家計簿の手間をなくすために作ったツールです。iPhoneでレシートを撮影して共有するだけで、店名・日付・金額・支払い方法などをAIが読み取り、スプレッドシートに自動で記録します。

記録したデータはWeb上のダッシュボードで確認でき、月ごとの集計や過去分の閲覧、内容の手動修正にも対応しています。有料の家計簿アプリを使わず、無料サービスの組み合わせだけで運用できることを条件に設計しました。

主な機能

• レシートを撮影して共有するだけで、店名・日付・時刻・金額・支払い方法・カテゴリを自動で記録
• カテゴリ別・支払い方法別の月次集計をダッシュボードで確認
• 前月・翌月の切り替え表示
• 記録内容の手動追加・修正
• 同じ内容の重複記録を自動で防止

工夫したポイント

• レシートに書かれていない情報をAIに無理に推測させると誤ったデータが記録されてしまうため、不明な項目は空欄のまま残し、画面上で目立たせて一目で気づいて修正できるようにした
• データ処理（Google Apps Script）と画面表示（Netlify）を分けることで、認証まわりの表示不具合を避けつつ、スマートフォンでも見やすい画面を実現した
• AIの読み取り結果が毎回微妙に揺れる（同じ店でも店名の表記が変わる）問題に対し、キーワードをもとに店名をそろえる処理を組み込んだ

使用技術

制作環境・開発支援

• Claude（コード生成・実装指示）

言語

• HTML / CSS
• JavaScript
• Google Apps Script

外部サービス・API

• Gemini API — レシートの読み取り
• Google スプレッドシート / Google ドライブ — データの保存
• Netlify — ダッシュボードの公開