開発目的

確定申告や経理における「手入力の手間」と「入力ミス」をゼロにするため、画像から一括で仕訳データ化・修正・CSV出力できるツールを作成。

こだわった点・工夫したポイント

ピュアCSS設計：ライブラリに頼らずCSS変数でカラー管理を行い、レスポンシブにも対応。

実用的なUI/UX：AIの誤認識を想定し、解析結果を画面上で直接手動修正できるフォーム設計。

堅牢なデータ処理：JSON出力強制と正規表現パースによる、AI応答エラーの防止。

CSV文字化け対策：Excelでの閲覧に配慮し、BOM付きUTF-8でのファイル生成および特殊文字のエスケープ処理。

リンク：https://movnick.shop/invoice-ocr-app

使用技術

  • HTML / CSS / JavaScript
  • Google Gemini API
  • 使用AI：Gemini
  • 作成時間：9時間