SizeBridge - 世界のサイズをひと目で変換する海外通販・旅行サイズナビ

【目的・ターゲット】海外通販や旅行の際に「US7ってどのくらい？」「子供服の海外表記がわからない」と迷う人向けの、靴・トップス・ボトムス・指輪・帽子・子供服のサイズを日本/US/UK/EU/中国規格で相互変換する実用ツール。案内役のマスコットキャラが解説してくれる親しみやすいUIで、単なる早見表より楽しく使える点が差別化ポイント。

【主要機能】
1. カテゴリ選択(靴/トップス/ボトムス/指輪/帽子/子供服)ごとの国別サイズ早見表をカード表示
2. 実寸(足長cm・胸囲cm・指周りmm等)を入力すると推奨サイズを自動算出し全地域を一括表示
3. マイサイズ帳:診断結果をLocalStorageに保存し次回から即呼び出し
4. 診断結果をテーマ背景・マスコット付きPNGカードとして保存・SNS共有
5. マスコット「ナビ子」が吹き出しで注意点(ブランドによる誤差、海外は大きめ等)をアドバイス
6. 旅行前・通販前など用途別チェックリスト付きガイド

【画面構成】
・トップ:ヒーローバナーとカテゴリ選択カード一覧
・変換画面:実寸入力フォーム＋国別サイズ結果テーブル＋マスコット解説吹き出し
・マイサイズ帳ページ:保存済みサイズの一覧・編集・削除
・共有カード生成モーダル:テーマ選択とPNGダウンロード

【データ構造(MySQL)】
- size_charts(id, category, country, size_label, measure_min, measure_max, note) : マスタ変換表
- share_cards(id, category, result_json, image_theme, created_at) : 公開共有カードの簡易保存(任意閲覧用)
ユーザー個人のマイサイズ帳はLocalStorageで管理し登録不要。

【デザイン方向性】
淡いパステルブルー×コーラルピンクの明るい配色。角丸カードとフラットアイコンで統一し、マスコットは丸みのある可愛いキャラクターで四隅にアクセント配置。スマホ縦画面での片手操作を最優先したレイアウト。

【BGM仕様】ポップで軽快なCメジャー、BPM104、4/4拍子。マリンバ主旋律＋アコースティックピアノの和声、ブラシ系ソフトキック/スネアとシンプルなウォーキングベース。8小節をA/A'構成でループし、4小節目と8小節目にフィルイン(グロッケン装飾音)を挿入して単調さを回避。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・スマホで画像の欠け、引き伸ばし、文字との重なりがないことを開発完了前に確認する