SurveyForge - 社内アンケート＆360度フィードバックメーカー

## 1. アプリの目的・ターゲットユーザー
社内の人事評価・組織サーベイ・顧客満足度調査・チームの振り返り（KPT/アジャイルレトロ）など、あらゆるビジネスシーンで使えるアンケートフォームを「コード不要・無料・ブラウザ完結」で作成・配布・集計できるツール。
ターゲット: 中小企業の総務・人事担当者、チームリーダー、フリーランスのコンサルタント、社外向け顧客調査を行う営業担当者。
Googleフォームより「結果の可視化・集計テンプレ」が充実し、外部SaaSより「登録不要・データをサーバに残せる手軽さ」を差別化軸とする。

## 2. 主要機能
- **テンプレートから即作成**: 「360度フィードバック」「組織エンゲージメントサーベイ」「顧客満足度 (NPS形式)」「KPTチーム振り返り」「入社オンボーディングチェック」の5プリセットテンプレートを搭載。テンプレート選択後に質問の追加・編集・削除が可能。
- **多彩な質問タイプ**: 5段階評価(リッカート)・10段階NPS・単一選択・複数選択・自由記述・はい/いいえ の6種類に対応。
- **URLリンク配布**: 作成したアンケートは固有のURLが発行され、メール・チャットツールでそのまま共有可能。回答者は登録不要。
- **リアルタイム集計ダッシュボード**: 回答が届くと即座に反映。5段階評価は棒グラフ・平均スコア、NPSはゲージ、自由記述はワードリスト形式で表示。全回答CSVエクスポート対応。
- **匿名/記名モード切替**: 作成者がアンケート設定で「匿名回答」「記名回答」を選択でき、プライバシーに配慮した運用が可能。
- **回答期限・最大回答数の設定**: 締め切り日時または最大回答件数に達すると自動的に回答フォームをクローズ。

## 3. 画面構成

### トップページ (index.php)
- ヒーローコピー「5分でアンケートを作って、すぐ集計」
- 「新しいアンケートを作る」CTAボタン (大)
- 5つのプリセットテンプレートカードを横並びで表示
- 「アンケートIDで管理画面を開く」入力欄

### アンケート作成ページ (create.php)
- **左カラム**: テンプレート一覧パネル（クリックで質問を自動挿入）
- **中央カラム (メイン)**: 質問リスト。各質問はカード形式で「質問文」「質問タイプ選択ドロップダウン」「必須/任意トグル」「削除ボタン」を持つ。ドラッグ&ドロップで並び替え可。「質問を追加」ボタンで末尾にカードを追加。
- **右カラム**: アンケート設定パネル（タイトル・説明文・匿名モード・期限・最大件数・完了メッセージ）
- フッター「公開してURLを取得」ボタン → PHP側でDBに保存しURLを発行、コピーモーダル表示

### 回答フォームページ (answer.php?id=XXXX)
- アンケートタイトル・説明文をヘッダーに表示
- 質問を1ページにスクロール形式で表示（スマホ最適化）
- 5段階評価はアイコン★タップ式、NPS は横並びの0〜10ボタン、自由記述はtextarea
- 「送信する」ボタン → 完了メッセージ画面へ遷移

### 管理・集計ダッシュボードページ (dashboard.php?id=XXXX&key=YYYY)
- アンケート作成時に発行した管理キーでアクセス（URLパラメータに含める）
- 上部サマリー: 総回答数・平均スコア・NPS値・残り日数
- 質問ごとに集計グラフカード（Chart.jsで棒グラフ/ドーナツ/ゲージ）
- 自由記述タブ: 回答一覧をカード形式で表示
- 「CSVダウンロード」ボタン
- 「アンケートを終了/再開」トグル

## 4. データ構造 (MySQLテーブル概要)

```sql
-- アンケート本体
surveys (
id INT PK AUTO_INCREMENT,
public_id VARCHAR(12) UNIQUE, -- URLに使うランダム文字列
admin_key VARCHAR(32), -- 管理ページアクセス用キー
title VARCHAR(200),
description TEXT,
is_anonymous TINYINT DEFAULT 1,
max_responses INT DEFAULT NULL,
deadline DATETIME DEFAULT NULL,
status ENUM('open','closed') DEFAULT 'open',
thanks_msg TEXT,
created_at DATETIME
)

-- 質問
questions (
id INT PK AUTO_INCREMENT,
survey_id INT FK,
sort_order INT,
question_text TEXT,
type ENUM('rating5','nps','single','multi','text','yesno'),
is_required TINYINT DEFAULT 1,
options_json TEXT -- 選択肢をJSON配列で保存 (single/multi用)
)

-- 回答セッション (1送信 = 1行)
response_sessions (
id INT PK AUTO_INCREMENT,
survey_id INT FK,
respondent_name VARCHAR(100) DEFAULT NULL, -- 記名時のみ
submitted_at DATETIME
)

-- 個別回答
response_answers (
id INT PK AUTO_INCREMENT,
session_id INT FK,
question_id INT FK,
answer_value TEXT -- 数値・選択肢・自由記述を文字列で統一保存
)
```

## 5. デザインの方向性
- **カラー**: プライマリ #3B82F6（インディゴブルー）、アクセント #10B981（エメラルドグリーン）、背景 #F8FAFC（ほぼ白）
- **フォント**: システムフォント (sans-serif)、見出しはやや太め
- **カードUI**: 白背景・角丸12px・ドロップシャドウで各質問カードを視覚的に分離
- グラフはChart.js (CDN) を使用。棒グラフは水色系グラデーション。
- スマホ優先のシングルカラム→PC時は2〜3カラムレイアウト
- 「作成→共有→集計」の3ステップを視覚的に示すステッパーUIをトップに設置し、初見ユーザーでも迷わない動線を確保
- アンケートフォームは回答者にとって圧迫感がないよう余白を広くとり、★評価ボタンはタップしやすい44px以上に設定