PickDate — 日程投票＆ベスト日時ファインダー

## 1. アプリの目的・ターゲットユーザー
「いつ集まれる？」を毎回LINEやチャットで往復する手間をなくす。URLを送るだけで参加者が候補日時に◎○△×で回答し、全員の都合が一目でわかる日程調整ツール。ScheduleMatch（既存）がシンプルな○△×調整ツールであるのに対し、本アプリは「参加確定後の日程自動カレンダー化」「ベスト日時の自動ランク付け（重み付きスコア）」「リマインダー付きカウントダウン表示」「アンケート形式のコメント収集」まで含む、決定から周知までワンストップで完結する点が差別化ポイント。飲み会・合コン・部活・ママ友・社内MTG・オンライン勉強会の幹事が主なターゲット。

---

## 2. 主要機能
- **イベント作成**: タイトル・概要・候補日時（最大20枠）・締切日・最大参加人数を入力し、一意の公開URLとQRコードを即生成
- **参加者回答**: 名前（ニックネーム可）を入力し、各候補日時に◎（絶対OK）・○（OK）・△（微妙）・×（NG）を1タップで選択。自由コメント欄付き
- **ベスト日時スコア自動計算**: ◎=3点 ○=2点 △=1点 ×=0点 で集計し、参加者数×満点に対する達成率（%）とランク順をリアルタイム表示
- **カラーヒートマップ表**: 候補日時×参加者の回答一覧を色グラデーションで可視化。幹事が「決定」ボタンを押すと確定日時が全参加者向けの告知画面に表示される
- **共有機能**: 確定後に「iCal形式でカレンダー追加」ボタン、SNS共有テキスト自動生成（「○○が確定しました！○月○日○時〜 参加メンバー: ○名」）、結果PNG画像ダウンロード

---

## 3. 画面構成

### トップページ（/index.php）
- キャッチコピー「URL送るだけで、みんなの予定がそろう」
- 「イベントを作る」大ボタン（目立つCTA）
- 使い方3ステップ図解（作成 → 共有 → 決定）
- デモイベントへのリンク

### イベント作成ページ（/create.php）
- フォーム: イベント名、メモ（任意）、候補日時追加（日付ピッカー＋時刻ピッカー、「+追加」ボタンで最大20枠）、締切日（任意）、最大参加人数（任意）
- 送信後に公開URLとQRコード表示ページへ遷移

### 公開URLページ（/event.php?id=XXXX）
- イベント情報ヘッダー（タイトル・締切・参加状況）
- 回答入力エリア（名前入力 → 各候補日時に◎○△×を選択 → コメント → 送信）
- 集計テーブル: 横軸=候補日時、縦軸=参加者名、ヒートマップ着色、下部にスコアとランク表示
- 「ベスト候補」TOP3バナー（スコア順）

### 幹事管理ページ（/manage.php?id=XXXX&key=YYYY）
- 作成時に発行される管理キーでアクセス（URLパラメータで保護）
- 「この日に決定する」ボタン → 確定日時の選択 → 確定処理
- 参加者の個別削除
- QRコード再表示・URLコピー

### 確定済み表示ページ
- 確定日時を大きく表示
- iCal追加ボタン、SNS共有テキスト、結果PNGダウンロード

---

## 4. データ構造

**events テーブル**
```
id INT AUTO_INCREMENT PRIMARY KEY
short_id VARCHAR(12) UNIQUE -- URLに使うランダム文字列
manage_key VARCHAR(32) -- 幹事用管理キー
title VARCHAR(200)
description TEXT
deadline DATETIME NULL
max_people INT NULL
status ENUM('open','closed') DEFAULT 'open'
decided_slot_id INT NULL -- 確定した候補枠のID
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
```

**slots テーブル（候補日時）**
```
id INT AUTO_INCREMENT PRIMARY KEY
event_id INT
slot_dt DATETIME -- 候補日時
sort_order INT
```

**responses テーブル（参加者回答）**
```
id INT AUTO_INCREMENT PRIMARY KEY
event_id INT
name VARCHAR(50)
comment TEXT
created_at DATETIME DEFAULT CURRENT_TIMESTAMP
```

**votes テーブル（回答明細）**
```
id INT AUTO_INCREMENT PRIMARY KEY
response_id INT
slot_id INT
vote ENUM('best','ok','maybe','ng') -- ◎○△×
```

---

## 5. デザインの方向性
- **配色**: 明るいスカイブルー（#4FC3F7）をメインに白ベース。ヒートマップは◎=濃い緑、○=薄緑、△=黄色、×=薄グレー
- **フォント**: Noto Sans JP（日本語対応・読みやすさ重視）
- **レイアウト**: カード型UIで余白を多めに。スマホファーストで全機能がスクロールのみで完結
- **集計テーブル**: スマホでは横スクロール対応。候補日時は縦並びに切替できるオプション付き
- **CTAボタン**: 作成ボタンと「この日に決定」ボタンはグラデーション付きの大きめボタンで視認性を確保
- **SNS映え**: 結果PNG（確定日時カード）はInstagramストーリーサイズ（1080×1920）にも対応し、「拡散したくなるデザイン」を意識したカード形式