DeviceDoctor - スマホ・PC無料総合診断ツール

【目的・ターゲット】中古端末の売買前チェック、購入直後の初期不良確認、修理要否の判断をしたい全ユーザー向けに、画面・音声・センサーなどを一括診断できる無料Webツール。専門知識不要、アプリインストール不要でブラウザだけで完結する。

【主要機能】
1. 画面診断: 赤/緑/青/白/黒/グレーの単色をフルスクリーン表示しデッドピクセルやムラを確認。指でなぞってタッチ反応をマス目状に塗りつぶすマルチタッチテスト。
2. 音声診断: 左右チャンネル別テスト音・周波数スイープでスピーカー確認、マイク入力はCanvasで波形とレベルメーターをリアルタイム表示。
3. カメラ診断: getUserMediaで前面/背面プレビューを表示しピント・ノイズを目視確認。
4. センサー診断: DeviceMotion/DeviceOrientationで加速度・ジャイロの数値変化、Geolocationで測位精度を表示（権限許可制）。
5. 総合診断レポート: 各項目を合格/要確認/要修理の3段階で自動判定しスコア化。マスコット「ドクターピクセル」の表情が結果に応じて変化するPNG診断カードを生成・保存。
6. 匿名機種別ランキング（任意）: 機種名を自己申告入力すると匿名でMySQLに送信し、機種別の平均スコアをランキング表示。

【画面構成】
- トップ: マスコットが出迎える診断メニューのカード一覧、過去診断履歴（LocalStorage）
- 各テスト画面: フルスクリーンでテスト実施、進捗バー、戻る/次へボタン
- 結果画面: レーダーチャート、項目別詳細、シェア用カード生成、ランキング閲覧

【データ構造】
MySQL: diagnostics_results (id, device_label, screen_score, audio_score, camera_score, sensor_score, total_score, created_at)。個人情報・端末識別子は保存しない。

【デザイン方向性】
清潔感のある白×水色のメディカルテック調。ドクターロボットのマスコットが親しみやすく案内。カード型UI、丸みを帯びたアイコン、優しいシャドウ。

【BGM仕様】
待機画面: Lo-fiアンビエント、BPM70、4/4拍子。ピアノ風パッドコード進行(I-V-vi-IV)をループ、ソフトなハイハットとシンプルなベースラインを8小節構成、4小節目に軽いフィルを挿入。テスト中は無音〜微量ドローンに切替。Web Audio APIでAudioContext.currentTime基準に先読みスケジューリングし、BGM/SE別ゲインノード、ミュートボタン、画面遷移時のノード停止・disconnectを実装。

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

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