ReadySign - 同意書・誓約書・確認書かんたん作成＆署名収集ツール

## 1. アプリの目的・ターゲットユーザー
学校・PTAの同意書、スポーツクラブの参加誓約書、ハンドメイドイベントの規約確認書、ボランティア参加確認書など、「紙を配って集める」手間をなくしたい個人・小規模団体向けの無料ブラウザツール。外部サービス契約不要で、フォーム作成→URL共有→回答者が入力して送信→管理者が一覧確認の流れを完結させる。

## 2. 主要機能
- **テンプレートから書類を作成**: 参加同意書／活動誓約書／個人情報取扱同意書／ボランティア確認書／イベント規約の5種類のプリセット。テキスト編集可能。
- **フォーム項目カスタマイズ**: 氏名・日付・チェックボックス（必読条項に同意）・自由記入欄（最大3項目）を追加削除できるドラッグ&ドロップ式ビルダー。
- **署名キャンバス**: 回答者がマウス/タッチで手書き署名を描く Canvas署名欄（PNG化してDBに保存）。
- **公開URL＆QRコード発行**: 作成した書類に一意のURLとQRコードを自動発行。有効期限（7日/30日/無期限）設定可能。
- **回答一覧ダッシュボード**: 管理者用ページで回答者一覧・署名画像・回答日時を確認。CSVエクスポートと印刷用PDFレイアウト（ブラウザ印刷）対応。
- **確認メール不要の認証**: 管理者は作成時に設定した4桁PINコードでダッシュボードにアクセス（DB上でハッシュ保存）。

## 3. 画面構成
| 画面 | 内容 |
|---|---|
| トップ | キャッチコピー、「新しい書類を作る」ボタン、使い方3ステップ図解 |
| 書類作成ウィザード (Step1) | テンプレート選択カード（5種＋白紙）|
| 書類作成ウィザード (Step2) | タイトル・本文テキスト編集エリア（リッチテキストではなくtextarea）、フォント選択（明朝/ゴシック）|
| 書類作成ウィザード (Step3) | フォーム項目追加UI、有効期限設定、管理者PIN設定 |
| 完了画面 | 公開URL表示、QRコード表示（Canvas生成）、ダッシュボードへのリンク |
| 回答フォーム（公開URL） | 書類本文プレビュー → 各フォーム項目入力 → 手書き署名Canvas → 送信ボタン |
| 送信完了画面 | 「署名が完了しました」メッセージ、ダウンロード用の自分のPNGレシート |
| 管理者ダッシュボード | PIN入力後、回答者一覧テーブル（氏名/日時/署名サムネ）、CSV出力ボタン、書類の有効期限操作 |

## 4. データ構造（MySQLテーブル概要）
```sql
documents
id INT PK AI
slug VARCHAR(16) UNIQUE -- 公開URL用ランダム文字列
title VARCHAR(255)
body_text TEXT -- 書類本文
fields_json TEXT -- フォーム項目定義 JSON
pin_hash VARCHAR(255) -- bcrypt
expires_at DATETIME NULL
created_at DATETIME

responses
id INT PK AI
document_id INT FK
fields_data TEXT -- 回答値 JSON
signature MEDIUMTEXT -- Canvas PNG Base64
submitted_at DATETIME
ip_hash VARCHAR(64) -- 重複抑止用（ハッシュのみ保持）
```

## 5. デザインの方向性
- **清潔感のある公文書スタイル**: 白背景、ネイビー (#1e3a5f) とゴールド (#c9a84c) のアクセントカラーで「信頼感」を演出。
- 書類プレビューは A4 縦比率のカード（max-width: 640px）で本物の紙らしく見せる。薄いボーダーシャドウ付き。
- 署名エリアは薄いグレー枠線に「ここに署名してください」のウォーターマーク。
- スマホでは縦スクロール1カラム、PC では左プレビュー/右フォームの2カラムレイアウト。
- フォント: 日本語は Noto Serif JP（書類本文）、Noto Sans JP（UI）。Google Fonts CDN 利用。
- アニメーションは最小限（署名送信時のチェックマーク出現のみ）。