メインコンテンツにスキップ
ホーム
診断
教材ストア
図鑑
🇯🇵
学習コンテンツ
🇯🇵
Aboutに戻る
For Developers
技術ガイド
開発者・技術者向けの詳細ドキュメント
180
225ペルソナ
86
最大60問
3
3層構造
3層レイヤーシステム
「深掘りしていたら科学に詳しくなる」段階的開示設計
L1
中学生レベル
L2
高校〜大学1年レベル
L3
大学院レベル以上
診断の仕組み
診断モードごとの回答結果を、素材ペルソナの特徴量と照合します
選択モードの回答結果 → 正規化 → ペルソナ特徴量との類似度で順位化
技術スタック
Next.js 16 (App Router)
TypeScript
Zustand
Tailwind CSS + shadcn/ui
Vercel
データ構造
Zustandストア
diagnosis-store
診断状態（回答、進捗）
layer-store
レイヤー状態（L1/L2/L3）
unlock-store
アンロック状態（有料コンテンツ）
参考文献
IPIP-50, OEPS-36, Materials Project, WebElements
ドキュメントを見る