SceneSizer — 引越し・模様替え前に使う部屋レイアウトシミュレーター

## 1. アプリの目的・ターゲットユーザー
引越し・模様替えを検討している人が、実際に家具を運ぶ前にブラウザだけで部屋の間取りと家具配置を試せる無料ツール。「このソファは入るか？」「ベッドとデスクを両方置けるか？」という現実的な悩みを、定規もアプリDLも不要で即解決できる。ターゲットは20〜40代の引越し予定者・一人暮らし・カップル・新婚夫婦。SNSで「こんな配置にした！」とルームプランを共有したくなるシェア性を持たせる。

## 2. 主要機能
- **部屋サイズ入力**：幅・奥行き（cm単位）を入力すると、スケール変換されたグリッドキャンバスが生成される。ワンルーム・1LDK・2LDKの3プリセットも用意
- **家具ドラッグ配置**：ベッド・ソファ・テーブル・デスク・タンス・冷蔵庫・洗濯機・テレビ台など30種類の家具アイコンをカテゴリ別パネルから選びキャンバスにドロップ。各家具はサイズ(cm)を自由に変更可能
- **回転・反転**：家具を90°単位で回転。向きを変えてフィットするか即確認
- **はみ出し警告**：家具が壁をはみ出したり他の家具と重なると赤ハイライトで警告
- **生活動線チェック**：「通路幅60cm以上確保できているか」をワンクリック自動診断し、狭い箇所を黄色でハイライト表示
- **PNG出力 & 共有URL生成**：完成したレイアウトをPNGとして保存 + レイアウトデータをURLエンコードした短縮共有リンク（DBなしでクエリパラメータにJSON圧縮）を発行。SNSシェアボタン付き

## 3. 画面構成
### メイン画面（1ページ完結）
- **左サイドパネル（PC）/ 下部ドロワー（スマホ）**：家具カテゴリタブ（寝室・リビング・キッチン・収納・その他）→ 各家具カードにアイコン・デフォルトサイズ表示。選択するとキャンバス中央に配置
- **中央キャンバス**：グリッド表示（10cmメッシュ）。ピンチズームとパン対応。配置済み家具はタップで選択→サイズ変更ハンドル・削除ボタン・回転ボタン表示
- **右サイドパネル（PC）/ 上部バー（スマホ）**：部屋サイズ設定フォーム、プリセット選択、動線チェックボタン、PNG出力ボタン、共有URLボタン、元に戻す(Undo)ボタン
- **凡例バー**：スケール（1マス=何cm）をリアルタイム表示
- **モーダル**：共有URL生成後にコピーボタン付きダイアログ表示

## 4. データ構造（DBなし・LocalStorage + URLパラメータ完結）
```json
// LocalStorageキー: scenesizer_state
{
"room": { "width": 400, "depth": 600 }, // cm単位
"furnitures": [
{
"id": "uuid",
"type": "bed_single",
"label": "シングルベッド",
"w": 100,
"d": 200,
"x": 50,
"y": 30,
"rotate": 0,
"color": "#a8d8ea"
}
]
}
```
共有URLはこのJSONをLZString等で圧縮しBase64エンコードしてクエリパラメータ `?d=` に付与。PHPはURLリダイレクトとOGPメタタグ生成のみに使用（DBゼロ）。

家具マスタは JS 定数配列として内包：
```js
// 30種の家具定義例
{ type:'bed_single', label:'シングルベッド', defaultW:100, defaultD:200, icon:'🛏️', category:'寝室' }
{ type:'sofa_2p', label:'2人掛けソファ', defaultW:150, defaultD:80, icon:'🛋️', category:'リビング' }
```

## 5. デザインの方向性
- **ミニマル＆ポップ**：白背景＋グリッドグレー。家具は淡いパステルカラーで塗りつぶした角丸矩形に絵文字アイコン＋ラベルを重ねたシンプルスタイル
- フォントは Noto Sans JP。アクセントカラーは珊瑚ピンク（#FF6B6B）をボタンに使用
- スマホでは下部固定のカテゴリタブバー → 家具一覧横スクロール → キャンバスをフルスクリーン展開できるUI
- 「動線OK」判定時には緑チェックのトースト通知、NG時は赤トーストでアドバイスメッセージ表示
- **SNS映え**するPNG出力：部屋枠に「○cm × ○cm」寸法ラベル、家具ラベル、aiapps.jpのロゴを自動追加して「参考になった！」とシェアしやすい仕上がりに