無料MBTI診断 — キャリア探索連携型
30問のMBTI性格診断で16タイプを判定し、タイプ別の職種適性・キャリアパス・成長アドバイスを提示するWebアプリ。診断結果からゆめスタのキャリア探索プラットフォームへ回遊させる導線設計。クライアントサイド完結（localStorage）で動作し、各タイプの詳細ページ・キャリアブログ（basics/career 30記事以上）を備えたSEO対策済みの診断プラットフォーム。
Next.js 16React 19TypeScriptTailwind CSS 4Google Sheets APIZodgray-matterremark
30問MBTI診断エンジン
E/I（8問）・S/N（8問）・T/F（7問）・J/P（7問）の4次元を5段階で測定。localStorage保存で中断再開対応
- 1問ずつプログレスバー付きUIで回答
- 4次元のスコアをパーセンテージで可視化
- 16タイプ別の性格名称・キャラクター画像・詳細解説
- 職種適性タグ + コミュニケーションスタイル + 相性タイプ
タイプ別詳細ページ + キャリアブログ
16タイプの静的ページ（Article JSON-LD付き）と、MBTI基礎知識・タイプ別キャリアガイドのMarkdownブログ
- 16タイプ個別ページをgenerateStaticParamsで静的生成
- Markdownベースブログ（basics: 15記事 + career: 16記事以上）
- FAQPage構造化データ（5問）
- キャリア探索セクション埋め込み → yumesuta.com/career-guideへ回遊