DX Compass - デジタル化成熟度診断＆改善ロードマップ

中小企業の経営者・情シス担当・DX推進担当・支援コンサルタント向けに、自社(または支援先)のデジタル化・DX推進の成熟度を客観的に把握し、次の一手を計画できる診断ツール。

主要機能:
1. 25問診断(5カテゴリ×5問: 経営層のコミットメント／業務プロセスのデジタル化／データ活用／人材・組織文化／セキュリティ体制)を4択形式で回答。
2. 総合スコアから5段階レベル(Lv1:アナログ運用〜Lv5:データドリブン先進企業)を自動判定し、レベルバッジ拡大とファンファーレ演出+BGMで結果発表。
3. カテゴリ別レーダーチャートで強み・弱みを可視化。
4. 業種(製造/小売/サービス/建設/医療福祉/IT/飲食/物流)を選択すると、匿名蓄積データから算出した業種別平均スコアと自社スコアを比較表示。
5. 現在レベルに応じた優先度付き改善ロードマップ(各カテゴリ3件、計15件程度)を自動生成。
6. 結果をPNGカードで保存・共有し、四半期ごとの再診断で成長を折れ線グラフで振り返る履歴機能(LocalStorage)。

画面構成: トップ(ヒーロー画像+診断開始)/診断(カテゴリ毎進捗バー付き4択)/結果(スコア+レベルバッジ+レーダーチャート+演出)/ベンチマーク(業種別比較バーグラフ)/ロードマップ(優先度アイコン付きアクションリスト)/履歴(スコア推移グラフ+共有ボタン)。

データ構造: MySQLテーブル diagnoses(id, industry, company_size, category_scores JSON, total_score INT, level TINYINT, created_at DATETIME)に匿名回答を蓄積し業種別平均をリアルタイム集計。個人情報は保存せず、回答自体はLocalStorageにも保存して履歴表示に利用。

デザイン: ネイビー×ゴールド基調のコーポレート×宇宙的世界観。羅針盤と星座マップをモチーフに光の粒子が流れる背景、グラスモーフィズム風の半透明カードUI。

BGM: 結果発表用ファンファーレ(4小節、BPM100、4/4、C→G→Am→F進行、ベル系アルペジオ上昇+ソフトブラスパッド、最後にシマー終止)。診断中アンビエント(BPM86、4/4、8小節A-B展開、ソフトキック+ブラッシュハイハット+シンセベース+グロッケンメロディ、4小節毎にフィルとパッド重層、Aは落ち着いたアルペジオ、Bは上昇するメロディで明るさ増加)。Web Audio APIでAudioContext.currentTime基準の先読みスケジューリング、BGM/SE別GainNode、ミュートボタン、画面遷移時のノード停止・disconnectでリソース解放を実装。

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

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