AIを活用した領収書仕分けアプリ

GeminiAPIを活用した
領収書の画像から、項目を振り分けるアプリを制作しました。

結果のCSV出力に対応し
代表的なエラーメッセージは日本語で解説表示するようにしています。

制作に使用したAIはChatGPTとGeminiの２パターンで作成しています。

https://kumao.shop/work/ai-classification

ChatGPT版
https://kumao.shop/work/ai-classification/gpt
Gemini版
https://kumao.shop/work/ai-classification/gemini

制作の段階実装

仕様を細分化して設定
→html、cssのを作成、デザインの確認
→入力フォーム、画像データの選択、ドラッグ＆ドロップ機能の確認
→画像データの形式変換の確認
→AIとの接続・AIへの指示の確認
→AIから返ってたデータの表示とCSV出力の確認
と段階的に確認し制作しています。

最下段の状態表示エリアに
進行度として、この確認プロセスが見えるようになっており
CSV出力可能な最終プロセスで表示が
CSV出力の可能を知らせる形のみに
変更されます。

２アプリ合計
使用言語:html.css.javaScript
制作時間：7時間