マルチフォーマット対応バーコードリーダー

## 概要
スマートフォンのカメラを使用して、QRコード、EAN-13、CODE128、JAN、EAN-8、CODE39、ITF、UPC-A、DataMatrix、Codabarなど、あらゆるバーコード形式を高速に読み込めるプロフェッショナルなバーコードリーダーアプリです。読み込んだデータはブラウザ内に自動保存され、いつでも履歴から参照・管理できます。

## 想定ユーザー
- 小売店舗やECサイト運営者が商品管理・在庫確認に使用
- 倉庫・物流業務で荷物追跡・仕分けを行うスタッフ
- イベント会場でチケットやQRコードを一括スキャンする担当者
- 医療機関で医薬品・患者情報のバーコード管理を行う職員
- 図書館や資料室で蔵書管理を効率化したい職員
- 営業担当者が顧客訪問時に商品情報を素早く確認したい場面

## 主な機能
- **10種類以上のバーコード形式に対応**:QRコード、EAN-13、CODE128、JAN、EAN-8、CODE39、ITF、UPC-A、DataMatrix、Codabar
- **カメラ全画面表示**:読み込み効率を最大化し、瞬時にバーコードをキャッチ
- **連続読み込みモード**:複数のバーコードを次々とスキャン可能
- **読み込み履歴の自動保存**:ブラウザのローカルストレージに全データを保存
- **履歴一覧表示**:バーコード値、形式、読み込み日時を一覧で確認
- **ワンタップコピー**:履歴の任意の項目をタッチして即座にコピー
- **Web検索機能**:読み込んだバーコード値をそのままWeb検索
- **商品情報表示**:商品コードから商品詳細情報を表示（外部API連携可）
- **CSVエクスポート**:履歴データをCSV形式でダウンロード、Excel等で分析
- **URLを開く**:QRコードに含まれるURLを直接ブラウザで開く
- **音・振動フィードバック**:読み込み成功時に音と振動で即座に通知
- **詳細情報表示**:各バーコードの詳細データ（チェックディジット、エンコード情報等）を確認可能
- **多言語対応**:日本語、英語、中国語、韓国語など主要言語に対応

## デザイン・UI の方向性
ビジネス・プロフェッショナルな雰囲気を重視します。
- **カラースキーム**:深紺、グレー、アクセントカラーは落ち着いた青緑
- **フォント**:サンセリフの明朝体で読みやすく、数字は等幅フォントで統一
- **レイアウト**:ミニマルで無駄のない設計、ビジネスユーザーが直感的に操作可能
- **アイコン**:シンプルで認識しやすい単色アイコン
- **カメラ画面**:フレーム表示（ガイドライン）で正確なスキャン位置を提示
- **ボタン配置**:主要操作（読み込み開始、履歴表示、設定）は画面下部に配置

## 必要な共通機能
- 多言語対応（日本語、英語、中国語、韓国語など）
- その他:なし（ブラウザ完結、ローカルストレージのみ使用）

## モバイル・タブレット対応
- **全画面表示前提**:スマートフォン（縦向き）、タブレット（横向き・縦向き）、PC（ワイド）のいずれにも対応
- **タップ領域**:すべてのボタン・操作要素は最低 44×44px 以上を確保
- **主要操作配置**:読み込み開始、履歴表示、設定ボタンは画面下部に配置し、片手操作で親指が届く範囲内に配置
- **スクロール設計**:横スクロール禁止、履歴一覧は縦スクロール、カード型レイアウトで見やすく整理
- **キーボード対策**:検索・フィルタ入力時、入力フィールドが画面中央〜上部に来るよう自動スクロール
- **カメラ表示**:フルスクリーン表示でカメラが最大限活用でき、読み込み精度を向上

## データ・技術の方針
- **保存方式**:ブラウザのローカルストレージ（IndexedDB）を使用し、オフライン環境でも動作
- **バーコード読み込み**:jsQR、QuaggaJS、ZXingライブラリなどを活用
- **商品情報取得**:必要に応じて外部API（Google Shopping API、楽天API等）と連携可能
- **CSVエクスポート**:クライアント側で生成し、ダウンロード機能を提供
- **多言語対応**:i18n ライブラリを使用し、言語切り替えに対応

## その他の希望
- 読み込んだバーコードの履歴は、タッチ（クリック）で内容をコピーできる仕様を重視
- 履歴一覧では、バーコード本体の値（数字・文字列）、バーコード形式（QRコード、EAN-13など）、読み込み日時の3つの情報を表示
- ビジネスユーザーが日々の業務で頻繁に使用することを想定し、操作の簡潔さと応答速度を最優先に設計