PersonaMatch - ビックファイブ×MBTI統合診断プラットform

## 概要
PersonaMatch は、ビックファイブ理論と MBTI を統合した次世代性格診断アプリです。単なる診断結果の提示に留まらず、診断結果の可視化、職業・適職マッチング、ゲーム感覚のクイズ形式など、複数の切り口から自己理解を深め、キャリア開発や人間関係改善に活かせるプラットフォームを目指しています。

## 想定ユーザー
- 20〜40代の会社員・転職希望者（キャリア開発に関心がある層）
- 大学生・新卒者（自己理解と進路選択の支援が必要）
- 心理学や性格診断に興味を持つ一般ユーザー
- HR・採用担当者（組織診断・チームビルディング用途）
- カウンセラー・コーチ（クライアント理解の補助ツール）

## 主な機能
- **ビックファイブ×MBTI 統合診断テスト** — 複数の心理学理論を組み合わせた包括的な性格診断
- **診断結果の多角的可視化** — レーダーチャート、グラフ、テキスト解説による結果表示
- **職業・適職診断** — 診断結果に基づいた職業マッチング機能と適職提案
- **クイズ・ゲーム形式の診断** — 退屈しないインタラクティブな診断体験
- **診断履歴・成長追跡** — 複数回の診断結果を保存・比較し、時間軸での変化を可視化
- **結果シェア機能** — SNS や友人とのシェア、診断結果の PDF 出力
- **診断レポート生成** — 詳細な性格分析、強み・弱み、キャリア提案を含むレポート
- **ユーザー間の相性診断** — 2人以上のユーザーの診断結果から相性スコアを算出
- **ランキング・統計情報** — 同じ診断タイプのユーザー分布、職業別の分布など
- **推奨コンテンツ配信** — 診断結果に基づいた書籍、講座、キャリア記事の推奨

## デザイン・UI の方向性
モダンで親しみやすい、かつ信頼感のあるデザインを目指します。心理学的な厳密さを感じさせつつも、ゲーム的な楽しさを損なわないバランスが重要です。カラーパレットは落ち着いた青系・紫系をベースに、診断タイプごとにアクセントカラーを変え、視覚的な区別を図ります。グラフやチャートは見やすく、スマートフォンでも直感的に理解できるシンプルさを心がけます。

## 必要な共通機能
- アカウント登録・ログイン（Google/Apple ID シングルサインオン対応）
- ユーザープロフィール管理
- 診断結果の DB 保存
- メール通知（診断完了、新機能案内、相性マッチング通知）
- PDF エクスポート機能

## モバイル・タブレット対応
- **全画面表示前提** — スマートフォン縦表示、タブレット横/縦表示、PC ワイド表示のいずれにも対応
- **タップ領域** — 全ボタン・リンクは最低 44×44px を確保
- **主要操作の配置** — 診断開始、結果表示、シェアボタンなどは画面下部に配置し、片手操作で親指が届く範囲を優先
- **スクロール設計** — 横スクロール禁止、診断結果やランキングは縦スクロール、またはカード型レイアウトで対応
- **フォーム入力対策** — 入力フィールド選択時に自動スクロールして画面中央〜上部に配置、キーボード隠れを防止
- **レスポンシブ画像** — グラフやチャートは画面幅に応じて自動リサイズ

## データ・技術の方針
- **フロントエンド** — React/Vue.js によるシングルページアプリケーション（SPA）
- **バックエンド** — Node.js/Python FastAPI で REST API 構築
- **データベース** — MySQL/PostgreSQL で診断結果、ユーザー情報を永続化
- **認証** — JWT トークンベースの認証、OAuth 2.0 統合
- **グラフ生成** — Chart.js/D3.js による動的なデータ可視化
- **PDF 生成** — jsPDF/ReportLab による診断レポート出力
- **API 連携** — 職業データベース、キャリア情報 API との連携を検討

## その他の希望
- 複数の心理学理論（ビックファイブ、MBTI）を統合し、単一の診断より深い洞察を提供したい
- 多方面への展開を想定しており、将来的には B2B（企業研修・採用支援）、B2C（個人向け有料レポート）、メディア（コンテンツ配信）などへの拡張を視野に入れている
- ゲーム的な楽しさを損なわず、心理学的な信頼性も担保したい
- ユーザーの継続利用を促すため、定期的な再診断、新機能追加、ソーシャル機能の充実を重視したい