手書きメニュー→多言語Webメニュー生成デモ

手元に画像が無い場合は、下のボタンで同梱の架空サンプルメニュー画像を使って試せます。

このデモについて

このアプリでできること

手書きの手書きメニュー（飲食店の品書きなど）の写真をアップロードすると、AIが品目名と価格を読み取ります。
読み取った品目を英語・中国語（簡体字）に翻訳し、そのままWeb上のメニューとして表示します。
卵・乳・小麦・えび・かになど、代表的なアレルゲンに該当しそうな品目には、AIによる推測タグを表示します。
対応言語やアレルゲンの対象、専門用語の訳し方は設定ファイル側で調整できるようになっています。

使い方

「同梱サンプル画像を試す」ボタンを押すと、実在の店舗を一切参照しない架空のサンプルメニュー画像でその場で試せます。ご自身の手書きメニューの写真をアップロードして試すこともできます。
「手書きメニュー画像（JPEG/PNG）」欄から画像を選びます（5MBまで）。
「読み取る」ボタンを押すと、AIが読み取りを行い、しばらくすると画面下に結果が表示されます。
結果には、日本語の原文・翻訳・価格に加えて、該当しそうなアレルゲンの候補がタグとして表示されます。

注意点・既知の制限

アレルゲンの候補はあくまでAIによる品目名からの推測であり、実際の食材や調理方法を保証するものではありません。画面上部の注意書きのとおり、食物アレルギーをお持ちの方は必ず店舗スタッフに直接ご確認ください。
手書き文字のかすれ・崩し字や、撮影時の照明状態によっては、品目名や価格を正しく読み取れないことがあります。
読み取り結果を画面上で直接修正したり、修正後にもう一度読み取り直したりする機能は、今回のデモにはまだ用意されていません。
このデモで使用しているメニューはすべて架空のものです。実在の店舗・メニューとは一切関係ありません。
アップロードした画像や読み取り結果は保存されません（一時的に画面へ表示するのみです）。

仕組み・使用技術

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

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

環境変数による機密情報の分離管理（dotenv）
ファイルアップロード処理（multer）