MysteryScore - 覆面調査・店舗覆面訪問スコア管理システム

【目的・対象】小売チェーン・飲食チェーン・サービス業の本部SV担当者と覆面調査員向け。接客品質や店舗コンディションを匿名の第三者視点で継続的に可視化し、店舗改善サイクルを回す業務アプリ。

【主要機能】
1. 調査票テンプレート作成:接客・清潔さ・品揃え・待ち時間などの評価項目を自由に設定し5段階評価+自由コメント欄を構成
2. 覆面調査員向け訪問報告フォーム:匿名コードでログインし、スマホから項目別スコアと写真、総合コメントを送信
3. 店舗別・エリア別スコアダッシュボード:レーダーチャート、月次推移グラフ、全店舗ランキングを表示
4. 改善アクション管理:指摘事項をカンバン形式(未着手/対応中/完了)で店舗側と共有し進捗を追跡
5. 月間表彰式画面:月間MVP店舗をスポットライト演出とファンファーレBGMで発表、バッジを付与
6. 月次レポート出力:店舗別スコアシートをA4印刷・PDF風レイアウトで出力

【画面構成】
・ダッシュボード(全店舗ランキング・推移グラフ)
・テンプレート管理画面
・訪問報告入力フォーム(調査員用、6桁コードでアクセス)
・店舗詳細ページ(レーダーチャート・履歴・改善アクション一覧)
・月間表彰式アニメーション画面
・管理者設定画面

【データ構造(MySQL)】
companies(id, name, access_code), stores(id, company_id, name, area), survey_templates(id, company_id, name), template_items(id, template_id, label, weight), visits(id, store_id, template_id, inspector_code, visited_at, total_score), visit_scores(id, visit_id, item_id, score, comment), action_items(id, store_id, visit_id, title, status, due_date)

【デザイン方向性】ネイビー×ゴールドを基調とした高級感ある管理画面。店舗カードはブランドイメージ風のグラデーション背景。表彰式画面はスポットライトとゴールド紙吹雪アニメーションで演出。

【BGM仕様】表彰式画面用アンセミック・コーポレートBGM。BPM120、4/4拍子、8小節A(キック+ハイハット+ルートベース+ストリングスパッド)→8小節B(ベル系メロディが上昇、4小節目にドラムフィル追加)のループ構成。Web Audio APIでAudioContext.currentTime基準の先読みスケジューリングを実装し、BGM/SE個別音量ノード、ミュートボタン、画面遷移時の全ノードdisconnectを行う。単純な持続音や1〜3音反復は使用しない。

## BGM品質要件
- アプリの雰囲気に合うジャンル・BPM・拍子を定め、ドラム、ベース、和声、メロディの4層で構成する
- 最低8小節またはA/Bの2展開を作り、休符、アクセント、フィル、フレーズ変化を入れる
- Web Audio APIはAudioContext.currentTime基準で先読みし、BGM/SE別音量・ミュート・停止処理を実装する
- 単一オシレーターの持続音や1〜3音だけの反復はBGMとして不可

## ビジュアル品質要件
- 生成済み素材を仕様内の用途・表示場所で実際に使用し、未使用素材を残さない
- 画風・配色・キャラクター比率を全画面で統一し、文字はHTML/CSSで重ねる
- PC・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する