ReadyResume — 職種別・状況別 退職・転職準備タスク自動生成チェックリスト

## 1. アプリの目的・ターゲットユーザー
退職・転職を考え始めた人が「次に何をすればいいか」を迷わないよう、職種・雇用形態・家族構成・希望転職先の種類などの条件を選ぶだけで、やるべきタスクを優先順位付きのチェックリストとして自動生成する無料ツール。「ResumeReady」は手続きチェックリストなのに対し、本アプリは「退職準備から内定獲得まで」の行動タスクにフォーカスし、SNSシェア用の進捗カードも生成できる点で差別化する。

**ターゲット:** 20〜45歳の会社員・パート・フリーランス志望者で、初めて転職を考えている人、何から手をつければいいか分からない人。

---

## 2. 主要機能
- **条件ウィザード (5ステップ):** 現在の雇用形態（正社員／契約社員／パート）、職種カテゴリ（営業／エンジニア／事務／医療系など10種）、転職先タイプ（同業種／異業種／フリーランス／起業）、家族構成（独身／既婚子なし／既婚子あり）、希望期間（今すぐ／3ヶ月以内／半年以上）を選択
- **タスク自動生成:** 選択条件を元に内製ロジックで「退職前準備」「職務経歴書・書類作成」「求人探し・応募」「面接対策」「内定後・入社前手続き」の5フェーズ・最大60件のタスクを優先度（高・中・低）付きで生成
- **インタラクティブチェックリスト:** タスクをチェックするたびに進捗バーとフェーズ別達成率がリアルタイム更新。LocalStorageに自動保存されるためブラウザを閉じても続きから再開可能
- **SNS共有カード生成:** 「転職活動 ○○%完了！」の進捗カードをCanvas描画してPNGダウンロード＋X(Twitter)シェアボタンで投稿。転職仲間を増やしたい人がSNSで拡散しやすい設計
- **タスク詳細ポップオーバー:** 各タスクをクリックすると「なぜ必要か」「具体的なアクション例」「所要時間目安」を表示。初めての転職でも迷わない
- **印刷・PDF保存:** 全タスク一覧をA4横レイアウトで印刷用に出力（ブラウザ印刷機能を利用）

---

## 3. 画面構成

### トップページ (index.php)
- キャッチコピー: 「転職の第一歩、全部リストにしました」
- 「今すぐ始める」ボタン → ウィザードへ
- 「保存済みリストを再開」ボタン (LocalStorageに保存があれば表示)
- 3つの特徴アイコン（条件に合わせて自動生成 / 優先順位つき / SNSシェアで仲間と共有）

### ウィザード画面 (wizard.php or 単一ページでJS切替)
- ステップインジケーター（1〜5）
- 各ステップ: カード型の選択肢をタップするだけ（ラジオ風）
- 「戻る」「次へ」ボタン / 最終ステップは「チェックリストを生成する」

### チェックリスト画面 (checklist.php)
- 上部: 全体進捗バー（0〜100%）＋フェーズタブ（5フェーズ切替）
- タスクカード: チェックボックス / タスク名 / 優先度バッジ（🔴高・🟡中・🟢低）/ 詳細ボタン
- サイドパネル（PC）またはモーダル（スマホ）: タスク詳細
- 下部固定フッター: 「SNSカードを作る」「印刷する」「条件を変更する」ボタン

### SNS共有カード生成モーダル
- Canvas描画: 背景グラデーション＋進捗率＋メッセージ＋aiapps.jpのURL
- PNG保存・Xシェアボタン

---

## 4. データ構造

### DBは使用しない（LocalStorageのみ）

**LocalStorage キー:** `readyresume_v1`
```json
{
"conditions": {
"employment": "正社員",
"jobCategory": "エンジニア",
"targetType": "異業種",
"family": "既婚子あり",
"timeline": "3ヶ月以内"
},
"checkedTasks": ["task_001", "task_005"],
"generatedAt": "2025-07-01T10:00:00"
}
```

**内製タスクマスタ (PHP配列またはJSONファイル):**
```
task_id / phase(1-5) / title / detail / priority(high/mid/low)
/ conditions: { employment[], jobCategory[], targetType[], family[], timeline[] }
```
全タスク数: 約120件 → 条件フィルタリング後に最大60件を返す

---

## 5. デザインの方向性
- カラー: ネイビー（#1E3A5F）をベースに、アクセントカラーにターコイズ（#00C9A7）と優先度カラー（赤・黄・緑）
- フォント: 本文は游ゴシック/Noto Sans JP、数字・進捗は太めのモダンサンセリフ
- UIコンポーネント: カード型リスト、チェックボックスはカスタムCSS（チェック時にアニメーション）
- モバイルファースト設計: タスクカードは縦スクロール、フェーズ切替はスワイプ対応（touchイベント）
- 進捗バー: グラデーションアニメーション付き、達成時は紙吹雪エフェクト（JS Canvas）
- 全体トーン: 「転職は怖くない、ちゃんとやれば大丈夫」と感じさせる、明るく誠実なビジネスカジュアル

---

## 6. SNS拡散ポイント
- 「自分の条件専用チェックリスト」という個人化が口コミを生む
- 進捗SNSカードで転職仲間と励まし合える文化を作る
- 「転職 何から始めればいい」系のGoogle検索でもヒットするSEOフレンドリーなtitle/description設計
- 完全無料・登録不要・スマホ完結でシェアのハードルが低い