-アプリの概要-
Reactを使用して作成した診断アプリです。
合計２０問の質問に回答することで、ファンタジー世界での適職がわかります。
まずはこちらからプレイしてみてください。
https://yk884.github.io/rpg-shindan/
リポジトリURLはこちら↓
基本的な構造
基本的にはuseStateで画面や進捗の状態管理をしているシンプルなものです。
【診断の文章について】
診断の質問文は、AIに一度生成してもらいましたが、
いまいちだったので私の方で加筆&修正しました。
それっぽい質問なだけなので、本格的に心理傾向を分析するものではありません。
また、結果画面に表示される補足解説的な文章は、
これまた私がそれっぽい文章を書いているだけです。
【診断ロジック】
診断の判定ロジックはシンプルで、全２０問の中でどの問題にどう回答したかを記録し、最終的にどのタイプの傾向が最も強いかを比較判定しています。
-所感-
Reactの学習アウトプットとしての制作物ですが、定番のTodoアプリなどでは面白みに欠けるかと思い、せっかくなので楽しく見てもらえるようなテーマを、と思って今回の作品を作りました。
UI上では感覚的に進捗がわかる進捗バーを設置し、綺麗な青のグラデーションをかけることで進捗が伸びるのが楽しく感じられるように設計した点はこだわった点です。
もっと凝るなら結果として出る職業パターンを増やし、回答傾向のグラフをChart.jsなどで表示してもよかったかと思います。