鉄道オープンデータ使ってクイズゲーム作りました #JavaScript

鉄道に関するさまざまなデータを集めて、Linked Data という形でオープンデータを提供するサイト「鉄道駅LOD」を作りました。

「鉄道駅LOD」については、別のQiitaの記事を書きましたので、見てもらいえると嬉しいです。

緯度経度付き鉄道オープンデータ提供サイト公開しました
https://qiita.com/uedayou/items/b5131b5ca930fe0bef69

さて、鉄道駅LODのデータを使えば普通に駅の位置を地図上に表示したりできるわけですが、たとえば

のような事例はあるのですが少しありきたりなので、何か変わった活用法ないかなと思っていました。

そこで、以下のようなクイズゲームを作ってみました。

路線王～駅名だけで鉄道路線を当てるクイズゲーム～
https://rosenoh.uedayou.net/

路線王

路線王は、鉄道駅LODのデータのみを使った路線当てゲームです。
日本全国の鉄道路線の多くが出題候補(400近く)で、各路線自体をあらかじめ知っておく必要があるので、結構むずかしいです。

ルールは簡単です。
問題ページに表示される駅名から、鉄道路線を推測して解答します。
各問題には制限時間があります。解答にかかった時間は解答結果をまとめたページで確認できます。

表示される駅数と制限時間は、難易度により異なります。

問題数は 3、5、10から選択できます。

問題ページでは、ある鉄道路線に含まれる駅名が表示されます。
最初は1つだけで、5秒ごとに新たな駅名が表示されます。

駅名の下のカウンターが 0 になるまでに解答してください。
0 になったら強制的に正解ページへ遷移させるモーダルが表示されます。

8つの路線名から一つクリックして、「解答する」ボタンを押して解答してください。

正解ページでは、問題に対する正解が表示されます。
実際に候補に表示された駅が含まれるかを確認することもできます。

全ての問題に解答し終えると、上記のようなこれまでの解答結果をまとめたページが表示されます。
解答数や解答時間を是非競ってみてください。

路線王は鉄道駅LODのデータを使用しています。鉄道駅LODは、駅以外に鉄道路線、鉄道会社のデータもあります。路線王は、鉄道路線を当てるゲームなので、鉄道路線のデータを利用しています。

上記をブラウザで開くとWebページが表示されますが、拡張子.jsonをつけて開くとJSONファイルがダウンロードできます。路線王でも jsonファイルをダウンロードして使用しています。

路線王を作り始めたときは鉄道路線以外への活用は考えていなかったのですが、路線以外でもいろんなデータで利用できる可能性がありそうに思いました。

例えば、

テレビ番組や映画の出演者であれば、Wikipedia や Wikidata 等のデータが使えるかもしれません

音楽データであれば、MusicBrainz があります。

たぶん特産物は国から公表されているはずです。

例の一つとして、小倉百人一首にデータでクイズゲームを作りました。

小倉百人一首クイズ
https://hyakunin-isshu.uedayou.net/

使用したデータは以下になります。

小倉百人一首LOD
http://karutalod.web.fc2.com/ogura.html

路線王は「駅名」を元にしたクイズゲームでしたが、小倉百人一首クイズは、読み札のテキストを元に該当する画像を当てるゲームになっています。

上記のようにいろいろ活用できそうに思ったので、ソースコードを公開しました。
路線王は Vue.js で作っているので改変はしやすいと思います。

やってることは単純ですし、データの取得部分を書き換えれば一部を除き路線以外でもそのまま使えると思いますので、興味のある人はあなたの考える「〇〇王」を作ってみてください。

小倉百人一首クイズも GitHub でコード公開しています。