アプリのURL
https://apediagnosis-9ecfc.web.app/
開発環境
・npm 6.11.3
・@vue/cli 4.4.6
・firebase 8.4.0
開発期間
2020/05~2020/10（主にGWや夏休みといった長期期間を利用して集中的に開発）
開発のきっかけ
前職の研修等で行われていた「類人猿分類」が私の人生の中で大きく役に立っており、簡単に楽しく診断できるアプリケーションを作ろうと思ったため。
○元にしたもの
アプリケーションの概要
いくつか質問に答えることによって４つの類人猿の中から自分のタイプを診断することができます。（チンパンジー・ボノボ・ゴリラ・オランウータン）
ちなみに私は「オランウータン」タイプです。（少しボノボも入っています。）
機能
・診断機能（9個の質問に答えることで自分のタイプが分類できます）
・Twitterでのシェア機能（診断結果をTwitterでハッシュタグと共にツイートできます）
・タイプ詳細（4タイプ全ての「強み」「弱み」といった特製を見ることができます）
・アバウトページ（類人猿分類とはなんなのか説明を見ることができます）
工夫した点
・Vue.jsのtransitionを利用して、ページが遷移したときに綺麗にフェードしてから始まるように実装しました。
・現在自分が何問目の質問で、あと何問質問に答えれば良いのかひと目でわかるように、ゲージを実装しました。
・vue-loading-templateを利用して、診断結果を読み込む時にloadingを実装しました。診断するときのワクワク感を演出することを目指しました。
今後機能として増やしたいこと
・ログイン機能
・友達機能（友達を追加すると、その人がどのタイプなのか一覧でわかる）
・Twitterでシェアする時に画像を生成してシェア