MBTI性格診断テスト - 16タイプ性格分析アプリ

## アプリ概要

16の性格タイプテスト（MBTI）を短時間で実施できるビジュアル選択形式の診断アプリです。ポップで楽しい雰囲気の中で、自分の性格タイプを発見し、詳細な解説やキャリア診断、相性診断を通じて自己理解を深めることができます。テスト結果はカード表示やレーダーチャート、キャラクター化されたアバターで視覚的に表現され、SNS共有やシェアリンクで友人と比較・共有できます。

## 想定ユーザー

- 自分の性格タイプを知りたい若年層（10代～30代）
- 自己啓発や適職探索に興味がある社会人
- 友人との相性や恋愛相手との相性を診断したいカップル
- 心理学や性格分析に興味がある学生
- SNSで診断結果をシェアして楽しみたいユーザー

## 主な機能

- **ビジュアル選択形式のMBTIテスト実施**:20～30問を5～10分で完了できるコンパクト設計
- **性格タイプカード表示**:16タイプを視覚的でポップなカード形式で表現
- **詳細な性格解説テキスト**:診断結果に基づいた詳しい性格分析
- **レーダーチャート・グラフ表示**:4つの指標（E/I、S/N、T/F、J/P）を視覚化
- **キャラクター化・アバター表示**:性格タイプに対応したキャラクターやアバターの表示
- **キャリア・適職診断**:性格タイプに基づいた職業適性の提案
- **相性診断・恋愛機能**:他のタイプとの相性を分析、恋愛アドバイスを提供
- **タイプ比較機能**:複数の性格タイプを並べて比較
- **SNS共有機能**:Twitter・LINEなどへ結果を直接シェア
- **シェアリンク生成**:結果ページへのユニークなリンクを生成し、友人と結果を共有

## デザイン・UI の方向性

ポップで楽しい遊び心を全面に出したデザインを採用します。カラフルな色使い、丸みを帯びた要素、親しみやすいフォント、イラストやアイコンを活用して、診断を楽しい体験にします。各性格タイプは異なる色やキャラクターで区別され、ビジュアル選択形式の問題では画像やイラストを多用して直感的に選べる環境を整備します。

## 必要な共通機能

- ブラウザ保存のみ（localStorage）:アカウント登録・ログイン不要でシンプルに利用可能
- 多言語対応（日本語・英語等）:言語切り替え機能で国際ユーザーに対応

## モバイル・タブレット対応

- 全画面表示前提:スマートフォン縦表示、タブレット横/縦表示、PC ワイド表示のいずれにも対応
- タップ領域は最低 44x44px:ビジュアル選択肢のボタンやカードは十分なサイズを確保
- 主要操作は画面下部に配置:「次へ」「結果を見る」などのボタンは片手操作で親指が届く範囲に配置
- 横スクロール禁止:テスト問題やカード表示は縦スクロールで対応、カード型レイアウトを採用
- フォーム入力時のキーボード隠れ対策:テスト実施中のスクロール位置を自動調整

## データ・技術の方針

ブラウザ完結型の実装を採用します。テスト結果はlocalStorageに保存され、ユーザーはアカウント登録なしで即座に利用開始できます。多言語対応はJavaScriptの言語切り替え機能で実現し、シェアリンクはURL パラメータで結果データをエンコードして共有します。

## その他の希望

特になし。上記の機能・デザイン方針に沿って実装してください。