OCR構造化デモ

モードを選択してください（レシート／手書き伝票）。

このアプリでできること

レシートや手書きの伝票の画像をアップロードすると、内容を自動的に読み取り、金額や品目などの情報を一覧表に整理して表示するデモです。「レシートモード」では合計金額の計算とおおまかな科目分類を、「手書き伝票モード」では品目・数量の一覧化とTSV形式（表計算ソフトに貼り付けられるタブ区切りテキスト）でのエクスポートができます。

使い方

画面上部で「レシートモード」か「手書き伝票モード」のどちらかを選びます。
画像をドラッグ&ドロップするか、アップロード領域をクリックして選択します（JPEG・PNG形式のみ、複数枚まとめて選択できます）。
「解析」ボタンを押すと読み取り処理が始まります。処理中は他の操作ができないようになっています。
結果が一覧表に表示されます。レシートモードでは合計金額が、手書き伝票モードでは「要確認」件数（うまく読み取れなかった箇所）が併せて表示されます。
手書き伝票モードでは、結果をTSV形式でコピーまたはダウンロードできます。

注意点・既知の制限

これは動作を試すためのデモです。今の設定では外部の読み取りサービスには接続せず、画像の内容に応じたダミーの読み取り結果を返す設定で動いています。実際の読み取りサービスに接続するには、別途サービス側の利用契約とアクセス情報の設定が必要です。
科目分類の候補や免責文言、アップロードできる枚数・サイズの上限は、設定ファイルを編集することで自由に変更できます（あらかじめ決まった値がコードに埋め込まれてはいません）。
読み取り結果のうち、内容が不確かなものは自動的に「要確認」として扱われ、確定した値であるかのようには表示されません。
読み取りに失敗した画像があっても、他の画像の処理は続行されます。
実際の読み取りサービスを使った場合の精度や、実機のブラウザでの操作感については、本デモの時点ではまだ確認できていません。
アクセスにパスワードをかける設定は用意されていますが、設定していない場合は誰でも画面を開ける状態になります。人目に触れる場所で公開する際はご注意ください。

仕組み・使用技術

Express（Node.jsのWebサーバーフレームワーク）

セキュリティ面で入っているもの

環境変数による機密情報の分離管理（dotenv）
ファイルアップロード処理（multer）
認証(Basic/トグル)