友人と志摩スペイン村に向かっていたとき、長すぎる志摩までの道中でやることのなくなった我々は暇潰しに日本の都道府県の人口密度を調べていました
（※画像は3人ですが実際は男2人です）
これが意外に楽しくて、単に都道府県の人口を知っているだけではだめで、その県の面積も考慮しなければいけません
例えば佐賀県の人口密度は広島県の人口密度よりも高いというのは直感に反しているかもしれませんが、広島県の広さと佐賀県の狭さを考えると納得いくと思います
「これをゲーム化したら面白いんじゃないか？」と考えて実現したのが以下のアプリ（ゲーム）です
上のリンクからとんでもらえればブラウザからすぐに遊べます
使っている技術は Vue JS のみです
と言ってもあらかじめ用意した４７都道府県の名前と人口密度のセットからランダムに2つ選んで10問出題するだけの簡単な仕掛けです
10問解き終わると結果の集計とツイッターへの投稿ボタンを表示します
イラストは「ちょうどいいイラスト」から三点お借りしています
画面の遷移は gameStatus という変数を作ってそれを v-if で判定することによってコンポーネントを切り替えて実現しています
ソースコードの全体はこちら
JSONファイルの読み込みは過去に Qiita で書いた記事
を参考にしました
JSONファイルの中身を入れ替えれば全く別のゲームになるので、これを拡張して例えば 「東京２３区人口密度ゲーム」 とか 「世界１９６カ国人口密度ゲーム」 など作っても面白いかもしれません
よかったら遊んでみてください
P.S.
志摩スペイン村は想像していたよりもしっかりとした遊園地でした
私が行った時はアトラクションの待ち時間はゼロでしたが、最近は大手のVTuberとコラボして盛り上がっているみたいなのでまた行ってみたいと思います
個人的にはピレネーがめちゃめちゃ楽しかったです