犬、かわいいですよね。
ただかわいいだけじゃなく、犬種によって性格がぜんぜん違う。活発で誰とでも仲良くなれる犬、慎重でマイペースな犬、賢くて仕事熱心な犬。そのキャラクターって、なんとなく人の性格に重なるなと思っていました。
「犬好きな人が楽しめて、それをみんなでシェアできるツールがあったら面白いな」という動機で開発したのが、今回ご紹介する犬種性格診断です。
どんなツール？
MBTI（Myers-Briggs Type Indicator）の4軸をベースに、60問の質問に答えると自分に似た犬種が診断されるツールです。
診断できる犬種は全16種類。MBTIの16タイプそれぞれに対応しています。
- E（外向）／I（内向）
- S（感覚）／N（直感）
- T（思考）／F（感情）
- J（判断）／P（知覚）
この4軸の組み合わせで性格タイプを判定し、「あなたはこの犬種に似ています」と結果を表示します。結果はSNSでシェアできるので、友達と見せ合って盛り上がれます。
なぜ60問なのか
最初は12問でスタートしました。シンプルでよかったのですが、精度が甘く、同じ人が何度やっても結果がブレることがありました。
30問に増やしてみたところ安定感は増したものの、まだ軸ごとのスコアにバラつきが。最終的に各軸15問ずつ、計60問に落ち着きました。精度を保ちながら、途中で離脱しないボリューム感のバランスを意識しています。
シェアしたくなる仕掛け：OGP対応
診断系ツールは「シェアしてもらえるか」が命です。LINEやXで結果を送ったとき、診断された犬種の画像がサムネイルとして表示されるようにOGP（Open Graph Protocol）を実装しました。
テキストだけのリンクより、犬の写真が出てきた方が「なにこれ？やってみる！」となりやすい。そこを意識して作りました。
技術的な話（興味ある方向け）
このツールはPHPで作ったMPA（マルチページアプリケーション）です。ページ遷移のたびにサーバーがHTMLを生成して返す構造で、SEO対応やOGP設定がシンプルに実装できます。
クイズ画面はJavaScriptで動的に進行し、完了後に結果ページへリダイレクト。結果ページはPHPでサーバーサイドレンダリングし、犬種に応じたOGP画像を動的に出力しています。
さいごに
犬が好きで、犬好きな人に楽しんでもらいたくて作りました。診断結果を友達に送ったり、「私はこの犬種だった！」と話のネタにしてもらえたら嬉しいです。
ぜひ試してみてください。そして、かわいい犬の画像を見てほっこりしてください。