おうちWi-Fiレーダー - 電波強度マッピング診断

自宅やSOHOで「この部屋だけWi-Fiが弱い」と悩む在宅勤務者・一人暮らし・ファミリー世帯向けに、専門知識なしで電波の弱点を可視化し、ルーターの最適配置を見つけられる便利ツール。

主要機能:
1. 間取りグリッドエディタ：8x8〜16x12から選び、壁・部屋タイプ(リビング/寝室/キッチン/廊下等)を色分け配置して簡易間取り図を作成。
2. Wi-Fi計測モード：各マスをタップし信号強度を「圏外〜最強」の5段階で記録。対応ブラウザではnavigator.connection APIで回線種別・実効速度目安も自動取得し参考表示。
3. ヒートマップ可視化：計測データをブルー(強)〜レッド(弱)のグラデーションで塗り、電波が届きにくい「デッドゾーン」を自動検出してハイライト。
4. ルーター最適配置アドバイス：間取り中心位置と壁の数から推奨設置エリアを提案し、ルーターアイコンをドラッグして仮置きシミュレーション。
5. 計測履歴比較：ルーター移動前後やメッシュWi-Fi導入前後の結果を並べて比較し、改善スコアを表示。
6. 結果カード共有：診断結果をPNGカードとして保存、6桁の共有コードで家族や友人にマップを共有・閲覧してもらえる。

画面構成: ホーム(マップ一覧・新規作成)/間取りエディタ/計測モード/ヒートマップ結果/履歴比較/共有ページの6画面構成。スマホは縦持ちでグリッドをピンチズーム、PCはマウスドラッグで塗り編集。

データ構造(MySQL):
- wifi_maps(id, share_code, title, grid_w, grid_h, layout_json, router_x, router_y, created_at, updated_at)
- wifi_measurements(id, map_id, cell_x, cell_y, signal_level, speed_mbps, measured_at)

デザイン方向性: フラットミニマルでテック感のある清潔なUI。白ベースにWi-Fi電波を連想させるブルー→グリーンのグラデーション、太め丸角のアイコン、柔らかい影を統一使用。設定画面と計測中に流せる任意のアンビエントBGM(Lo-fi風、BPM70、4/4拍子)を搭載。パッドコード進行(Cmaj7-Am7-Fmaj7-G7)に柔らかいシンセベースとブラシ風ハイハットを重ね、8小節をA(静か)/B(ハイハット追加で微展開)の2部構成でループ。AudioContext.currentTimeで先読みスケジューリングし、BGM/計測完了SEの音量を別々に調整、ミュートボタンと画面遷移時のノード解放を実装する。

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

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