ContractCraft - 無料契約書・ビジネス文書テンプレートジェネレーター

## 1. アプリの目的・ターゲットユーザー
フリーランサー・個人事業主・スタートアップ・小規模事業者が、弁護士や専門家に頼まずとも、必要最低限の法的要素を含んだ契約書・ビジネス文書を即座に作成できる無料ツール。「テンプレートを探してWordで編集する」手間を排除し、フォームに入力するだけでそのまま使える文書を生成する。

## 2. 主要機能
- **テンプレート選択**: 業務委託契約書・秘密保持契約(NDA)・売買契約書・賃貸借契約書・覚書・請求書・見積書・発注書・利用規約・プライバシーポリシーの計10種類を内製で用意
- **フォーム入力→文書生成**: 各テンプレートに対応した入力フォーム(当事者名・住所・契約金額・期間・条件など)を入力すると、プレビュー画面にリアルタイム反映
- **印刷/PDF出力**: ブラウザの印刷機能(window.print)を利用したA4印刷対応レイアウト。印刷ボタン1クリックでそのままPDF化も可能
- **文書の保存・再編集**: 作成した文書をlocalStorageに保存し、後から呼び出して内容を編集できる「マイ文書」機能
- **条項カスタマイズ**: 各テンプレートに「追加条項」テキストエリアを設け、ユーザーが任意の文章を末尾に追記できる
- **使い方ガイド**: テンプレートごとに「この文書の用途・注意点・よく聞かれる質問」をアコーディオンで表示する簡易ガイド

## 3. 画面構成
### トップページ (index.php)
- ヘッダー: ロゴ「ContractCraft」＋サブコピー「5分で完成、すぐ使える契約書メーカー」
- テンプレートカード一覧: 10種類をアイコン付きカードでグリッド表示。カテゴリタブ(契約書 / 商取引書類 / Webサイト用)でフィルタリング
- 「マイ文書」ボタン: localStorageから保存済み文書一覧をモーダルで表示

### 入力フォームページ (editor.php?type=nda など)
- 左カラム: テンプレート種別タイトル＋入力フォーム(ラベル付きinput/textarea/select)
- 共通項目: 甲(依頼者)名・住所、乙(受託者)名・住所、契約締結日
- テンプレート固有項目(例: 業務委託→業務内容・報酬額・支払い期日・納期)
- 追加条項テキストエリア
- 右カラム(PC) / 下部(スマホ): リアルタイムプレビュー(A4縦比率の白いカード)
- 入力と同時にJSでテンプレートHTMLの{{変数}}を置換して表示
- ボタン: 「印刷/PDF出力」「マイ文書に保存」「リセット」

### 印刷用ビュー (print.php)
- @media print 専用CSS: ヘッダー・フッター・ナビを非表示、A4余白設定
- 文書本文のみを表示

## 4. データ構造
DB不要。サーバーサイドはPHPで各テンプレートのHTMLを管理するのみ。

### テンプレートファイル構成 (PHP配列 or JSONファイル)
```
templates/
nda.json // 秘密保持契約
commission.json // 業務委託契約
sale.json // 売買契約
...各テンプレート
```
各JSONの構造:
```json
{
"id": "nda",
"name": "秘密保持契約書(NDA)",
"category": "契約書",
"fields": [
{"key": "party_a_name", "label": "甲(開示側)の名称", "type": "text", "required": true},
{"key": "confidential_scope", "label": "秘密情報の範囲", "type": "textarea", "required": false}
],
"body_html": "<h2>秘密保持契約書</h2><p>{{party_a_name}}(以下「甲」という)と..."
}
```

### localStorage構造
```json
{
"contractcraft_docs": [
{"id": "uuid", "type": "nda", "name": "○○社とのNDA", "values": {...}, "savedAt": "2025-.."}
]
}
```

## 5. デザインの方向性
- カラーパレット: ネイビー(#1E2A4A)×ホワイト×アクセントに金色(#C9A84C)。「信頼感・プロフェッショナル感」を重視
- フォント: 見出しにNoto Serif JP、本文にNoto Sans JP。文書プレビュー内は明朝体で紙らしさを演出
- UIスタイル: カード型レイアウト、角丸控えめ、影を薄く使用。過度な装飾なくビジネスツールらしいミニマルデザイン
- スマホ対応: 入力フォームを縦積みし、プレビューはスクロール下部に配置。印刷はPC推奨の旨を小さく表示
- 免責事項バナー: 画面下部に「このツールは参考用テンプレートです。重要な契約は専門家にご相談ください」を常時表示