| # | 作業ブロック | 目安時間 | 内容 | 完了の判定 |
| ------ | ------------------- | ------ | -------------------------------------------------------------------------------------------------------------------------------------- | -------------------------- |
| 0 | キックオフ | 15 min | • GitHubリポジトリ作成<br>• タスク担当・時間配分を確定 | Issue #0 にスコープ&担当を記載 |
| 1 | プロジェクト初期化 | 45 min | • npx create-vite@latest mbti-mvp --template react-ts<br>• ESLint + Prettier セット<br>• GitHub Actions or Vercel CLI で Push ➜ 自動デプロイ確認 | main push で自動プレビューURLが出る |
| 2 | 質問＆ロジック定義 | 45 min | • 10問の質問文を markdown/JSON でハードコード<br>• 超簡易スコアリング<br> E/I = 質問1,6<br> S/N = 質問2,7 …など<br>• src/lib/mbti.ts に実装 | jest で 2〜3パターン期待値 OK |
| 3 | UI実装 – 診断フォーム | 60 min | • QuestionPage.tsx で 1画面に10問表示 (Radio選択)<br>• 完了ボタンで calculateMBTI() 呼び出し ➜ ResultPage に Push | 送信→結果ページ遷移 |
| 4 | UI実装 – 結果表示 | 45 min | • 相手MBTI・信頼度(％)・⾃分MBTIを表示<br>• 相性スコア：簡易テーブル or if/else で算出<br>• 相性良いMBTIランキング（静的配列でOK） | 表示崩れなく⾒える |
| 5 | ⾃分MBTI設定 + 履歴 | 45 min | • MyProfileModal.tsx︓ドロップダウンで自分MBTIを保存 (localStorage)<br>• HistoryPage.tsx︓localStorage に date, partnerMBTI, score を push し一覧表示 | 再読み込みしても値が保持 |
| 6 | スタイル調整 | 30 min | • Tailwind導入 (vite-plugin-tailwindcss)<br>• カード / ボタン / モーダルに基本スタイル | 主要3画面がそれなりに整っている |
| 7 | E2Eスモーク & バグFIX | 45 min | • npm run build && vite preview でローカル確認<br>• 主要フロー(質問→結果→履歴)を2端末でテスト | バグ0件 or 即修正 |
| 8 | 本番デプロイ & シェア | 15 min | • Vercel/Netlify の Production に Promote<br>• 短縮URLを発行しチームへ共有 | アクセスして動作確認OK |
| 予備 | オーバーラン/追加要望対応 | 60 min | • アイコン追加・コピー文調整など | 当日中に終えればOK |
I'll help you create this MBTI compatibility checker MVP following your detailed plan. Let me implement the core functionality with all the features you've outlined.
この MBTI 相性診断 MVP アプリケーションを作成しました！以下の機能が実装されています：
このアプリケーションは、あなたの計画表の全ての要件を満たしており、すぐにデプロイして使用できます！
質問が難しすぎるので、もっとわかりやすい質問にして
質問をもっとわかりやすく、日常的なシチュエーションに変更しますね！
質問をより身近で理解しやすいものに変更しました！🎯
これで、相手の行動パターンをより簡単に想像できるようになりました！質問に答える人も、「あの人だったらこうしそう」と具体的にイメージしやすくなっています。
初見の直感でわかりそうな質問にしてくれないと答えられないので修正して