ObituaryPen - 追悼メッセージ&弔辞ドラフトメーカー

## 1. アプリの目的・ターゲットユーザー
突然の訃報に直面したとき「何を書けばいいかわからない」「言葉が出てこない」という悩みを解消するWebアプリ。葬儀の弔辞・供花メッセージ・香典袋の一言・追悼SNS投稿・お悔やみメール文など、シーン別の文章をブラウザ上で素早くドラフトできる。ターゲットは訃報を受けた一般ユーザー(20〜70代)、特に「初めて弔辞を頼まれた人」「遠方で参列できず手紙を書く人」「SNSで追悼メッセージを投稿したい人」。

## 2. 主要機能
- **シーン別文章ジェネレーター**: 弔辞(スピーチ用)/お悔やみメール/供花メッセージ/香典袋一言/SNS追悼投稿/月命日メッセージの6シーンに対応。故人との関係(親/配偶者/兄弟/友人/職場上司・同僚・部下/恩師/近所)・性別・年齢層・あなたとの思い出キーワード(自由記述)を選択・入力すると、内製テンプレート×パーツ組み合わせロジックで文章を自動生成。
- **文字数・用途に合わせた3バリエーション出力**: 「短め(50〜80字)」「標準(150〜250字)」「長め(弔辞用 400〜600字)」の3パターンを同時表示。
- **文章エディタ&コピー**: 生成された文章をそのまま編集できるテキストエリア。ワンクリックでクリップボードにコピー。
- **マナー注意ガイド**: 忌み言葉チェッカー(「重ね重ね」「たびたび」「再び」「続く」など)。入力テキストに忌み言葉が含まれると赤字で警告し代替表現を提示。
- **内製フレーズライブラリ**: 季節・宗教(仏式/神式/キリスト教/無宗教)・文体(です・ます体/文語体)を切り替えられる300フレーズのDBを内製。
- **ローカル履歴保存**: 過去に生成した文章をLocalStorageに最大20件保存。後から見返して再編集できる。

## 3. 画面構成
### トップページ (index.php)
- ヘッダー: アプリ名「ObituaryPen」+ キャッチコピー「大切な言葉を、丁寧に。」
- 6つのシーンカード(アイコン付き)をグリッド表示。クリックでジェネレーター画面へ。
- 「忌み言葉チェッカーだけ使う」ショートカットリンク。

### ジェネレーター画面 (generate.php?scene=XXX)
- **Step 1 - 入力フォーム**: 故人との関係(ラジオボタン)、故人の性別・年代(セレクト)、宗教形式(セレクト)、文体(ラジオ)、思い出・エピソードキーワード(テキスト入力 最大50字)、文字数(3択ラジオ)
- **Step 2 - 生成ボタン**: 「文章を作成する」ボタン押下でPHP側でテンプレート組み合わせ処理を実行。非同期(fetch)でレスポンスを受け取り表示。
- **Step 3 - 結果エリア**: 3バリエーションをタブ切り替えで表示。各タブに編集用テキストエリア+コピーボタン+忌み言葉チェック結果バナー。
- 「履歴に保存」ボタン / 「最初からやり直す」ボタン。

### 忌み言葉チェッカー単独ページ (checker.php)
- 大きなテキストエリアに文章を貼り付け→「チェックする」ボタン→忌み言葉をハイライト表示＋代替表現リストを下部に列挙。

### 履歴ページ (history.php)
- LocalStorageから読み込んだ保存済み文章をカード一覧表示。コピー・削除が可能。

## 4. データ構造
DBは不要(サーバー側に個人データを保存しない設計)。
- **phrases.json** (内製フレーズライブラリ): `{ scene, relation, religion, length, style, template_blocks[] }` の配列。300エントリ。PHPがロードして組み合わせロジックを実行。
- **taboo_words.json** (忌み言葉リスト): `{ word, reason, alternatives[] }` の配列。約60語収録。
- **LocalStorage** (クライアント側): `obituarypen_history` キーにJSON配列 `[{ id, scene, text, createdAt }]` を保存。

## 5. デザインの方向性
- カラーパレット: 落ち着いた「白・薄墨グレー(#E8E4E0)・深藍(#2C3E6B)・金(#C9A96E)」。悲しみに寄り添いつつも重すぎない上品なトーン。
- フォント: 本文に「Noto Serif JP」。見出しに細めのゴシック。文字組みを丁寧に。
- 和紙テクスチャのような淡い背景パターン(CSSのSVGパターンで実装)。
- アニメーションは最小限。生成中はローディングスピナーのみ。
- スマホ優先のシングルカラムレイアウト。PC では最大幅760px中央寄せ。
- アクセシビリティ: フォームラベル必須、コントラスト比4.5:1以上。