EstateSnap — 不動産・賃貸物件スペック一括比較メーカー

## 1. アプリの目的・ターゲットユーザー
引っ越し検討中の個人が「複数の候補物件をサイトをまたいでブックマークしても比較できない」悩みを解消する。SUUMOやHOME'Sの物件ページから手動コピーした情報を入力し、横並び比較カード・スコアリング・チェックリストを即生成。SNSで「自分のお部屋比較表」としてシェアできるのがバズりポイント。

**ターゲット:** 20〜40代の引っ越し検討者、新生活準備の学生・新社会人、不動産営業担当者の提案資料作成補助。

---

## 2. 主要機能

- **物件カード登録（最大10件）:** 物件名・家賃・管理費・敷金・礼金・間取り・専有面積・築年数・駅徒歩・階数・向き・設備チェック（オートロック/宅配BOX/独立洗面台/追い焚き/ペット可など30項目）を入力フォームで登録。LocalStorage保存。
- **横並び比較テーブル:** 全登録物件をスクロール可能な横並びテーブルで表示。「家賃最安」「面積最大」「駅近」などのセルに自動バッジ付き。
- **重み付きスコアリング:** 家賃・広さ・駅距離・設備数・築年数の5項目に対してスライダーで自分の重要度（0〜100）を設定すると、総合スコアが自動計算され順位が変わる。
- **初期費用シミュレーター:** 敷金・礼金・仲介手数料（0.5〜1か月）・前家賃・鍵交換・火災保険の概算を自動集計し、物件ごとに「入居初月に必要な総額」を表示。
- **比較カードPNG出力 & 共有URL:** 比較結果をSNS映えする縦型カード（上位3件サマリー）としてCanvasでPNG生成。「友達に相談したい！」需要を狙いTwitter/LINE投稿をone-tapで促す。共有URLはLocalStorageデータをBase64でURLパラメータに格納することで疑似共有を実現（DBなしでも機能）。

---

## 3. 画面構成

### TOP画面
- ヒーローエリア: キャッチコピー「物件比較、もっと賢く。」＋「物件を追加する」CTAボタン
- 登録済み物件カード一覧（サムネイル風、削除ボタン付き）
- 「比較テーブルを見る」「スコアリングを設定する」「シェアカードを作る」の3ナビゲーション

### 物件登録モーダル/ページ
- タブ1: 基本情報（家賃・管理費・敷金・礼金・間取り・面積・築年・最寄り駅・徒歩分・住所メモ）
- タブ2: 設備チェックリスト（30項目のチェックボックス）
- タブ3: 内見メモ（フリーテキスト・気になる点・評価5段階）
- 「保存する」ボタン → LocalStorage書き込み

### 比較テーブル画面
- 左固定の項目列、右方向にスクロールで物件列
- 最良セルに緑バッジ、最悪セルに薄赤ハイライト
- 行非表示トグル（不要な項目を隠せる）

### スコアリング画面
- 5スライダー（家賃・広さ・駅近・設備・新しさ）
- リアルタイムで総合スコアと順位が更新される棒グラフ表示

### 初期費用シミュレーター画面
- 物件ごとにカラム分けされた費用内訳テーブル
- 仲介手数料率のスライダー（0.5/1か月切替）

### シェアカード生成画面
- 上位3件の間取り・家賃・スコアを並べたCanvas描画プレビュー
- 「PNGダウンロード」「URLをコピー」ボタン
- 友達にシェアするためのTwitter/LINEリンク生成

---

## 4. データ構造

**DBなし（LocalStorage + URLパラメータ）**

```json
{
"properties": [
{
"id": "uuid",
"name": "物件名",
"rent": 85000,
"admin_fee": 3000,
"deposit": 2,
"key_money": 1,
"layout": "1LDK",
"area_sqm": 38.5,
"age_years": 8,
"station": "渋谷",
"walk_min": 7,
"floor": 4,
"direction": "南",
"facilities": ["auto_lock", "delivery_box", "washroom_separate"],
"memo": "日当たり良好",
"impression": 4,
"added_at": "2025-01-01T00:00:00Z"
}
],
"weights": {
"rent": 80,
"area": 60,
"station": 70,
"facilities": 50,
"age": 40
}
}
```

---

## 5. デザインの方向性

- **カラーパレット:** 清潔感のあるホワイト基調 + アクセントカラーは不動産サイトらしいスカイブルー(#3B9EBF)とミントグリーン(#5FCBB0)。バッジはゴールド・シルバー・ブロンズで順位表現。
- **フォント:** 日本語はNoto Sans JP、数字はRobotoで視認性重視。
- **レイアウト:** スマホではカード縦スクロール中心、PCでは比較テーブルを横スクロール展開。
- **UX:** 物件登録は3ステップ最大2分で完了。入力補助として間取り選択はアイコンボタン式（テキスト入力不要）。設備チェックは絵文字アイコン付きで直感操作。
- **SNS映えポイント:** シェアカードは背景にうっすら部屋のフラットイラスト素材（SVG内蔵）を重ね、「お部屋を比較してみた」感が出るデザインにする。