領収書の入力作業を、AIでもっと簡単に
領収書画像をGemini AIで解析し、取引日・支払先・金額・勘定科目などを自動入力できる、
建築業向けの経費管理Webアプリです。
手入力の負担を減らし、経費の登録・検索・集計・CSV出力までを
一つの画面で行えるように設計しました。
制作の背景
建築業では、現場ごとに領収書や経費が発生します。
領収書を見ながら取引日、支払先、金額、勘定科目などを入力する作業には時間がかかり、入力ミスや登録漏れも起こりやすくなります。
そこで、領収書をAIで読み取り、経費登録を補助できるアプリを制作しました。
主な機能
AIによる領収書解析
領収書画像をGemini AIで解析し、登録に必要な情報を自動で抽出します。
経費の登録・編集・削除
解析した内容を確認・修正してから、経費データとして保存できます。
勘定科目の自動判定
領収書の内容をもとに、AIが勘定科目と判定理由を提案します。
経費の検索・絞り込み
支払先、現場名、勘定科目、期間などから経費を検索できます。
集計・グラフ表示
登録した経費を月別・勘定科目別などで集計し、ダッシュボードで確認できます。
CSV出力
検索・集計した経費データをCSV形式で出力できます。
重複登録の防止
取引日、支払先、金額が一致するデータを検出し、誤って二重登録することを防ぎます。
使用ツール・制作時間
使用ツール：
HTML / CSS / JavaScript
ChatGPT / Claude
制作時間：
約3日
工夫したポイント
AIの結果をそのまま保存しない設計
AIが読み取った結果を利用者が確認・修正してから登録することで、誤認識した内容がそのまま保存されないようにしました。
建築業で使いやすい入力項目
現場名、インボイス登録番号、税率別金額、勘定科目の判定理由など、建築業の経費管理を想定した項目を用意しました。
安全性への配慮
ログイン認証、パスワードのハッシュ化、CSRF対策、プリペアドステートメントを実装しています。
APIキーはアプリ内やデータベースに保存せず、利用時に入力する方式です。
実務を想定した管理機能
登録だけでなく、検索、編集、削除、集計、CSV出力まで一連の業務を行えるようにしました。
「制作を通して学んだこと」
LP・チラシ・バナーを一緒に制作することで、媒体が違っても配色・写真・キャッチコピーを統一し、ブランドのイメージを揃えることの大切さを学びました。
また、LPでは情報を載せるだけではなく、ターゲットが知りたい情報を整理し、「興味を持つ → サービスを理解する → 無料体験を申し込む」までの流れを考えて構成することが重要だと学びました。
AIを活用する際も、提案された内容をそのまま使用するのではなく、ターゲットや制作目的に合わせて自分で選択・調整することを意識しました。
コメント