ScopeSnap - 要件ヒアリングシート自動生成＆共有ツール

## 1. アプリの目的・ターゲットユーザー
Web制作会社・フリーランスデザイナー・システム開発者が、クライアントとの初回打ち合わせ前に「プロジェクト要件ヒアリングシート」を素早く作成し、URLリンクで共有して回答を収集するためのツール。「何を聞けばいいか分からない」「ヒアリング漏れが発生する」「メールで質問リストを送るのが手間」という課題を解消する。登録不要・無料で即使用可能。

## 2. 主要機能
- **テンプレート選択**: Web制作 / システム開発 / ロゴ・デザイン / EC構築 / LP制作 / 動画制作 の6業種プリセットを用意。各テンプレートに10〜15問の定番質問を内蔵
- **質問エディタ**: テキスト入力・単一選択・複数選択・日付・数値・ファイルアップロード（DB保存）の6種の回答形式。質問の追加・削除・ドラッグ並び替えが可能
- **共有URL発行**: ヒアリングシートを保存するとユニークURLを発行。クライアントはURLを開いてブラウザ上で回答送信（ログイン不要）
- **回答一覧ダッシュボード**: 発行者側が回答一覧を確認。回答済み件数・未回答、各設問への回答をカード形式で表示
- **PDF/テキスト出力**: 回答内容を整形してPDF印刷またはプレーンテキストコピーで、議事録・提案書の下書きとして即活用
- **有効期限・パスワード設定**: シートに閲覧パスワードと有効期限（日数）を任意設定し、期限切れは自動非公開

## 3. 画面構成
### 作成者側
- **トップページ**: 「新規作成」ボタン、過去作成シート一覧（管理コード入力で表示）、6業種テンプレートのサンプルプレビュー
- **シート作成・編集画面**: 左側に質問リスト（ドラッグ並び替え）、右側にリアルタイムプレビュー。タイトル・説明文・パスワード・有効期限を設定するサイドパネル
- **発行完了画面**: 共有URL表示、QRコード表示、コピーボタン、回答一覧へのリンク（管理コード付き）
- **回答一覧ダッシュボード**: 回答者ごとのカード（提出日時・回答数）、全回答のまとめ表示、PDF出力ボタン

### クライアント（回答者）側
- **ヒアリングシート回答画面**: シンプルなフォームUI、必須・任意ラベル表示、最後に「送信」ボタン。送信後に完了メッセージ表示

## 4. データ構造
### テーブル: `sheets`
| カラム | 型 | 説明 |
|---|---|---|
| id | INT PK AUTO | |
| share_code | VARCHAR(16) UNIQUE | 共有URL用ランダム文字列 |
| admin_code | VARCHAR(16) | 管理用コード |
| title | VARCHAR(255) | シートタイトル |
| description | TEXT | 説明文 |
| password_hash | VARCHAR(255) NULL | 閲覧パスワード |
| expires_at | DATETIME NULL | 有効期限 |
| template_type | VARCHAR(50) | 使用テンプレート種別 |
| created_at | DATETIME | |

### テーブル: `questions`
| カラム | 型 | 説明 |
|---|---|---|
| id | INT PK AUTO | |
| sheet_id | INT FK | |
| sort_order | INT | 表示順 |
| question_text | TEXT | 質問文 |
| answer_type | ENUM | text/radio/checkbox/date/number/file |
| options | TEXT NULL | 選択肢（JSON配列） |
| is_required | TINYINT(1) | 必須フラグ |

### テーブル: `responses`
| カラム | 型 | 説明 |
|---|---|---|
| id | INT PK AUTO | |
| sheet_id | INT FK | |
| respondent_name | VARCHAR(100) NULL | 回答者名（任意入力） |
| submitted_at | DATETIME | |

### テーブル: `answers`
| カラム | 型 | 説明 |
|---|---|---|
| id | INT PK AUTO | |
| response_id | INT FK | |
| question_id | INT FK | |
| answer_value | TEXT | 回答内容 |

## 5. デザインの方向性
- **カラー**: ネイビー (#1E3A5F) とホワイトをベースに、アクセントカラーにターコイズ (#00B4D8) を使用。ビジネス感と清潔感を両立
- **フォント**: 日本語はNoto Sans JP、英数字はInter。見出しはやや太め
- **UIスタイル**: カード型・角丸・ドロップシャドウを使ったモダンなフォームUI。スマホでも快適に回答できるよう入力欄は十分な高さを確保
- **アニメーション**: 質問の追加・削除時にslideDown/Up、送信完了時にチェックマークのポップアニメーション
- **印刷用CSS**: 回答一覧のPDF出力時はA4縦に最適化されたクリーンなレイアウト
- 全体的に「プロが使う道具」感を演出しつつ、初めて使うクライアントでも直感的に回答できるシンプルさを維持する