https://zen23.shop/SmartReceipt

■ 概要

レシート画像をアップロードすると、AIが内容を解析し、日付・金額・店舗名・勘定科目を自動で抽出・整理するWebアプリです。
経理業務の手入力を削減し、仕訳作業の効率化を目的として制作しました。

■ 工夫した点

  • 画像のドラッグ＆ドロップ対応による直感的UI
  • 連打防止（isProcessing制御）による安定動作
  • APIエラー時のリトライ処理による耐障害性向上
  • JSON整形によるAI出力の安定化
  • 履歴一覧・CSV出力機能の実装

■ 課題・改善点

  • Gemini APIの制限（429エラー）への対策余地あり
  • 画像精度やレシートの品質による認識精度の差
  • UIのさらなる改善余地（スマホ最適化など）

■ 今後の展望

  • 会計ソフトとの連携
  • データベース保存機能の追加
  • 月次レポート自動生成機能の実装

■ 使用技術

  • HTML / CSS / JavaScript
  • Gemini API（画像解析AI）
  • FileReader API（画像Base64変換）
  • LocalStorage（APIキー保存・履歴管理）

■ 使用AI

  • ChatGPT（設計・コード改善・エラー解決支援）

■ 制作時間

約9時間