ResumeReady — 退職・転職の「やること」全自動チェックリスト生成ツール

## 1. アプリの目的・ターゲットユーザー
退職・転職時に発生する「健康保険の切り替え」「年金手続き」「確定申告」「失業給付申請」「住民税の支払い方法変更」など、見落としがちな数十の手続きをワンストップで把握できるツール。ターゲットは会社を辞める予定の20〜50代の会社員・フリーランス転向者・副業から独立する人。「退職後に手続き漏れで困った」という経験談がSNSで拡散しやすく、直前・直後の人が検索で大量に流入するシーンを狙う。

---

## 2. 主要機能
- **3ステップ条件入力**: 雇用形態(正社員/契約/パート)、退職理由(自己都合/会社都合/定年)、次の働き方(転職先あり/なし/フリーランス/主婦・主夫)、扶養家族あり/なし、年齢帯(39歳以下/40〜64/65以上) の5項目をボタン選択するだけでパーソナライズされたチェックリストを自動生成
- **優先度&期限付きタスクカード**: 各手続きに「退職前 / 退職後14日以内 / 退職後1か月以内 / 確定申告まで」の期限ラベルと重要度(必須🔴 / 推奨🟡 / 任意⚪)を付与。合計50件以上の手続きを内製データとして収録
- **タスク達成チェック**: 各カードのチェックボックスをタップすると「完了」状態に変わり、LocalStorageで保存。進捗バーで全体の達成率を表示
- **金額シミュレーター**: 失業給付の目安日数と概算受給総額、住民税の一括納付 vs 分割の差額、国民健康保険料の目安(前年収入入力)を内部計算式で表示。外部API不要
- **PNG / 印刷カード出力**: 自分専用のチェックリストを「退職手続きまとめカード」としてPNG保存 or 印刷用レイアウト出力。SNSシェアボタン付き(「○○さんの退職手続きリスト完成！」テンプレ)
- **よくある落とし穴コラム**: 各手続きカードに「ここが要注意」のアコーディオン解説を付与(例：健康保険は退職翌日から無保険になるリスク、ふるさと納税の控除上限変化など)

---

## 3. 画面構成

### トップページ (index.php)
- キャッチコピー「退職前に読まないと後悔する手続き、全部まとめました」
- 3ステップ条件入力フォーム(ボタン選択式、プログレスバー付き)
- 「チェックリストを生成する」ボタン

### チェックリストページ (checklist.php)
- 上部: 進捗バー(完了件数/総件数) + 期限タイムライン横スクロール
- メイン: カテゴリ別タスクカード一覧
- カテゴリ: 健康保険 / 年金 / 失業給付 / 税金(住民税・確定申告) / 会社への返却・受領書類 / 各種サービス解約・名義変更 / 転職先への提出書類
- 各カードに: タイトル、期限ラベル、重要度バッジ、チェックボックス、「詳細を見る」アコーディオン
- サイドバー/フッター: 金額シミュレーターへのリンク

### 金額シミュレーターパネル (モーダルまたは別セクション)
- 失業給付概算: 月給入力 → 受給日数・総額を表示
- 国民健康保険料目安: 前年収入入力 → 年額・月額目安
- 住民税: 支払い方法(特別徴収打ち切り後の一括 vs 普通徴収4期分割)の比較

### シェア/出力セクション
- 「まとめカードを作成」→ Canvas でPNG生成してダウンロード
- 「印刷用ページを開く」→ print-friendly レイアウト
- X/LINE共有ボタン

---

## 4. データ構造

DBは不要。全データをJSの配列オブジェクトで保持し、PHPでHTMLを組み立て。

```js
// tasks.js (内製データ)
const TASKS = [
{
id: 'health_01',
category: '健康保険',
title: '健康保険の切り替え手続き',
deadline: 'after_14days', // 'before' | 'after_14days' | 'after_1month' | 'tax_season'
priority: 'required', // 'required' | 'recommended' | 'optional'
conditions: { // この手続きが表示される条件
employment: ['seishain','keiyaku','part'],
next_work: ['nashi','freelance'],
},
detail: '退職翌日から健康保険の資格を失います。国保加入 or 任意継続の2択…',
warning: '手続きを14日以内にしないと無保険期間が発生します！'
},
// ...50件以上
];
```

LocalStorageキー: `rr_conditions` (入力条件JSON), `rr_checked` (完了タスクIDの配列)

---

## 5. デザインの方向性
- **カラー**: ベース白、アクセントカラーは落ち着いたインディゴ(#4F46E5)、重要度バッジに赤/黄/グレー
- **フォント**: システムフォント + 見出しにやや太め、Noto Sans JP
- **スタイル**: カード型UI、アイコンはSVG絵文字風(📋🏥💰)でわかりやすく
- **モバイルファースト**: カードは縦1列、PC幅では2列グリッド
- **トーン**: 不安を煽らず「一緒に準備しましょう」という親切なトーン
- SNSシェア用のOGP画像(1200×630px相当)をCanvas生成で作成し、「私の退職手続きリスト完成 ✅ 全○件」とシェアできる設計にする

---

## SNSバズ要素
- 「意外と知らなかった手続き」発見体験 → Xで「これ知らなかった…」型の拡散
- 「退職したい」「退職 手続き」「転職 やること」等のSEOワード直撃
- 条件入力が簡単でスマホから2分以内に完成 → 共有ハードル低い
- 金額シミュレーターが「失業給付◯万円もらえる！」という驚き体験を提供