隠れ性格診断 | Inner Personality

GitHub Pages で公開する、8問の選択式「隠れ性格診断」アプリです。

ファイル構成

innerParsonarity/
├── index.html       # メインページ
├── css/
│   └── style.css    # ダーク系スタイル
├── js/
│   └── quiz.js      # 診断ロジック・質問データ・結果タイプ
└── README.md

ローカルで確認する

# VSCode の Live Server 拡張、または Python の簡易サーバーで確認
python3 -m http.server 8080

ブラウザで http://localhost:8080 を開く。

GitHub Pages への公開

1. このフォルダを GitHub リポジトリにプッシュ
2. リポジトリの Settings > Pages > Source を main ブランチのルート (/) に設定
3. 数分後に https://<ユーザー名>.github.io/<リポジトリ名>/ で公開される

診断タイプ一覧

タイプID	表示名
shadow_dreamer	影の夢想家
silent_perfectionist	沈黙の完璧主義者
hidden_empath	秘めた共感者
free_catalyst	自由な触媒
quiet_rebel	静かな反逆者
warm_fortress	温かい要塞

カスタマイズ

• 質問を変えたい → js/quiz.js の questions 配列を編集
• 診断タイプを追加 → resultTypes 配列に追加
• デザインを変えたい → css/style.css の :root 変数を調整