ReadySign QR - 紙不要！その場でサインして即共有できる電子署名ツール

## 1. アプリの目的・ターゲットユーザー

スマホやPCのブラウザだけで、署名欄付きの簡易ドキュメントを作成→QRコード発行→相手がスマホでサイン→署名済みPNGをその場でダウンロード・共有できる無料電子署名ツール。

**ターゲット:**
- 個人売買・フリマ時の受領確認書が欲しい個人ユーザー
- 少人数のNPO・サークル・PTA役員が同意書をサッと回したい場面
- フリーランサーが打ち合わせ時に簡易合意書を取り交わしたい場面
- 飲食・美容・整体などの施術同意書をペーパーレスにしたい小規模店舗

「Adobe Sign / DocuSignは大げさ、でも口約束は不安」という層の日常ニーズを満たす。

---

## 2. 主要機能

- **ドキュメント作成:** タイトル・本文(500字)・署名者名を入力し、ドキュメントを発行。DBにレコードを作成しユニークなトークン(UUID)を付与する。
- **QRコード発行 & URL共有:** 生成されたドキュメントURLをQRコードで表示(外部APIなし・PHP QR Codeライブラリ使用)。スマホカメラでスキャンして署名ページへ遷移。
- **手書きサイン入力:** Canvas APIで指またはマウスによる手書き署名をキャプチャ。「やり直す」ボタンつき。
- **署名済みPNG生成:** ドキュメントテキスト + 手書き署名 + 署名日時を合成したPNGをサーバーサイド(PHP GD)で生成し、ダウンロード提供。
- **署名ステータス管理:** 作成者がダッシュボードで「未署名 / 署名済み」ステータスと署名日時を確認できる。署名完了時にページ上でビジュアル通知。
- **有効期限設定:** ドキュメント作成時に有効期限(1日・3日・7日・30日)を選択。期限切れのURLにはアクセス不可メッセージを表示。

---

## 3. 画面構成

### ① トップページ (`index.php`)
- キャッチコピー + 3ステップ図解(作成→QR共有→サイン)
- 「ドキュメントを作る」ボタン → 作成フォームへ
- 「署名状況を確認」ボタン → 管理コード入力モーダルへ

### ② ドキュメント作成フォーム (`create.php`)
- タイトル(例:「受領確認書」)
- 本文テキストエリア(プリセットテンプレート3種:受領確認/施術同意/簡易合意)
- 署名者の名前欄(任意)
- 有効期限セレクター
- 「発行する」ボタン

### ③ 発行完了ページ (`issued.php`)
- QRコードを大きく表示 + 署名用URL
- 「このURLをコピー」「LINEで送る(line://msg?...)」ボタン
- 管理コード(6桁英数字)の表示と保存案内
- 署名ステータスはこのページをリロードで確認可能(またはポーリング)

### ④ 署名ページ (`sign.php?token=XXXX`)
- ドキュメント内容を読み取り専用で表示
- Canvas手書き署名エリア(スマホ最適化)
- 「やり直す」「サインして送信」ボタン
- 送信後: 「署名が完了しました」確認メッセージ + 署名済みPNGをダウンロードボタン

### ⑤ 管理ダッシュボード (`dashboard.php?code=XXXXXX`)
- 自分が作成したドキュメント一覧(管理コードで照合)
- 各ドキュメントのステータス・有効期限・署名日時を表示
- 署名済みPNGのダウンロードボタン

---

## 4. データ構造

### テーブル: `documents`
| カラム | 型 | 説明 |
|---|---|---|
| id | INT PK AUTO_INCREMENT | |
| token | VARCHAR(36) | UUID、署名URL用 |
| manage_code | VARCHAR(8) | 作成者確認用コード(英数6桁) |
| title | VARCHAR(200) | ドキュメントタイトル |
| body | TEXT | 本文 |
| signer_name | VARCHAR(100) | 署名者名(任意) |
| status | ENUM('pending','signed') | 署名ステータス |
| expires_at | DATETIME | 有効期限 |
| signed_at | DATETIME NULL | 署名日時 |
| signature_path | VARCHAR(300) NULL | 署名画像ファイルパス |
| created_at | DATETIME | 作成日時 |

- DBは軽量。画像はサーバーローカルの `/signatures/` ディレクトリに保存し、一定期間後は削除可能。
- 個人情報を極力持たない設計(メールアドレス不要・ログイン不要)。

---

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

- **カラー:** ネイビー (#1a2e4a) × ミントグリーン (#3ecf8e) × ホワイト。信頼感と清潔感を両立。
- **フォント:** 日本語: Noto Sans JP / 英数: Inter
- **UI感:** フラットデザイン、角丸カード、シャドウ控えめ。Notionライクなシンプルさ。
- **署名Canvas:** 黒背景に白線で「本物のサイン感」を演出。スマホでの指書きに最適化(touch-action: none)。
- **QRコード:** 中央にアプリロゴを重ねた見た目の良いQR表示。
- **レスポンシブ:** 署名ページは特にスマホ縦持ち1カラムを最優先。

---

## 実装メモ
- PHP QRコード生成: `endroid/qr-code` または `phpqrcode` ライブラリ(外部API不要)
- Canvas署名 → base64 → POSTでPHPへ → GD合成でPNG生成
- 定期クリーンアップ: 期限切れドキュメントと画像を削除するバッチ(PHP cronまたはアクセス時トリガー)
- セキュリティ: tokenはUUID v4、署名済みファイルのURLは直接推測不可のランダムファイル名