無い国の難読地名クイズに挑戦できるクソアプリ

[クソアプリ Advent Calendar 2024](https://qiita.com/advent-calendar/2024/kuso-app) 1日目の記事です。

# 前置き
おはようございます。DE-TEIUです。
次の新1万円札の裏面のデザインはクソアプリアドベントカレンダーになるらしいです。今決めました。

## 過去にアドベントカレンダー用に作ったクソアプリ
- [p5.jsで作ったダメなソリティア](https://qiita.com/de_teiu_tkg/items/c938fbb52218185659e7)
- [絶対に作業できない作業用BGMサイト](https://qiita.com/de_teiu_tkg/items/6ebcef3550507258edaf)
- [社会に一石を投じるクソアプリ開発](https://qiita.com/de_teiu_tkg/items/e82870eca1f265807dbe)
- [鼻毛が生えるカメラアプリ](https://qiita.com/de_teiu_tkg/items/213aa2ade2ef840a33b5)
- [映画館のスクリーンでYouTubeが見られるクソアプリ](https://qiita.com/de_teiu_tkg/items/94259a0f90d1db861237)
- [電卓の成長を体験できるクソアプリ](https://qiita.com/de_teiu_tkg/items/5d878f01207f408ee919)
- [JamstackだけどJamstackじゃないクソアプリ](https://qiita.com/de_teiu_tkg/items/cdb6ad2972a23663dbde)
- [画像を別の形式に変換するクソアプリ](https://qiita.com/de_teiu_tkg/items/f71e06e8cf7343453f2e)

# 背景

## 背景① 難読地名クイズ
難読地名クイズって面白いですよね。各都道府県にある、珍しい名前の地名の読み方を当てていくようなクイズです。私も時々、全く行ったことが無い県の難読地名クイズに挑戦して、「全然読めないな」って思ったりします。

ところで、難読地名クイズの問題って、なぜか**実在する地名しか出てこない**ですよね。
架空の国の難読地名クイズがあったって良いのでは？

## 背景② 北海道の地名
[アイヌ語の地名 - 環境生活部アイヌ政策推進局アイヌ政策課](https://www.pref.hokkaido.lg.jp/ks/ass/new_timei.html)より

> 北海道の市町村名のうち、約８割がアイヌ語に由来しています。現在では、そのほとんどが漢字で書き表されています。

> アイヌの人たちの多くが川筋に住んで、生活に必要な資材を求めていました。また、狩猟や交易のための交通路としても、川は重要な存在でした。ですから、川（ペッ　pet）や沢（ナイ　nay） を意味する地名がとても多くあります。

どうやら、北海道にはアイヌの人々にとって重要な言葉を含む地名が多くあるようです。
ということは、アイヌ語の発音に何となく近い気がする単語を集めて、それらしい漢字をあてていくことで、**架空の北海道の難読地名を作れるのでは？**

# 成果物
[偽北海道難読地名クイズ](https://fake-hokkaido-quiz.vercel.app/)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173272/a699f5bb-1f3f-6b03-23b9-1a60e52a036e.png)

## アプリの特徴
### 問題数、ルール
**全100問**です。1プレイにつき、その中からランダムに10問出題されます。
問題は、**うっすらと**アイヌの言葉っぽい気がする発音の単語に、**なるべく**実際の北海道の地名に使われている漢字をあてることで作られています。そのため、北海道の地名に詳しい人であればそこそこ読めるかもしれません。（ですがシンプルな当て字の問題もそこそこあるため、初心者の方でもきっとお楽しみいただけます。）

### 辞典機能
1度挑戦した問題は辞書に登録されるため、後で見返せます。めざせコンプリート！！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/173272/9afb3bf6-524d-f205-0ba2-03812c4b3929.png)

# 解説

## アプリの構成
[SvelteKit](https://kit.svelte.jp/)で開発して[Vercel](https://vercel.com/)にデプロイしました。以上。シンプル。

## Flowbite Svelte
このアプリのUIには[Flowbite Svelte](https://flowbite-svelte.com/)を採用しました。
読んで字のごとく、[Flowbite](https://flowbite.com/)というTailwindのUIコンポーネントライブラリをベースにしたSvelte用のライブラリです。
部品が全てSvelteのコンポーネントになっており、これらを組み合わせてロジックの部分を実装するだけで良い感じのWebアプリが作れます。便利。

詳しくは[制作者様の記事](https://qiita.com/shinichi_okada/items/fc4673d6731be4f555ed)をご参照ください。


# 参考資料
このアプリの開発にあたって、まずは北海道の歴史や文化を少しでも深く理解しておく必要があると考え、
北海道に関するサイトや書籍をいくつか参考にさせていただきました。

## 書籍
[意外と知らない“北の大地”の不思議を読み解く！ 増補改訂版 北海道「地理・地名・地図」の謎 (じっぴコンパクト新書)](https://www.amazon.co.jp/%E6%84%8F%E5%A4%96%E3%81%A8%E7%9F%A5%E3%82%89%E3%81%AA%E3%81%84%E2%80%9C%E5%8C%97%E3%81%AE%E5%A4%A7%E5%9C%B0%E2%80%9D%E3%81%AE%E4%B8%8D%E6%80%9D%E8%AD%B0%E3%82%92%E8%AA%AD%E3%81%BF%E8%A7%A3%E3%81%8F%EF%BC%81-%E5%A2%97%E8%A3%9C%E6%94%B9%E8%A8%82%E7%89%88-%E5%8C%97%E6%B5%B7%E9%81%93%E3%80%8C%E5%9C%B0%E7%90%86%E3%83%BB%E5%9C%B0%E5%90%8D%E3%83%BB%E5%9C%B0%E5%9B%B3%E3%80%8D%E3%81%AE%E8%AC%8E-%E3%81%98%E3%81%A3%E3%81%B4%E3%82%B3%E3%83%B3%E3%83%91%E3%82%AF%E3%83%88%E6%96%B0%E6%9B%B8-%E5%8C%97%E6%9D%91-%E5%B4%87%E6%95%99/dp/4408651001/ref=pd_lpo_d_sccl_1/357-4670420-4038737?psc=1)

[北海道 地名をめぐる旅 (ベスト新書 345)](https://www.amazon.co.jp/%E5%8C%97%E6%B5%B7%E9%81%93-%E5%9C%B0%E5%90%8D%E3%82%92%E3%82%81%E3%81%90%E3%82%8B%E6%97%85-%E3%83%99%E3%82%B9%E3%83%88%E6%96%B0%E6%9B%B8-%E5%90%88%E7%94%B0-%E4%B8%80%E9%81%93/dp/4584123454)

[アイヌ語地名で旅する北海道 (朝日新書 103)](https://www.amazon.co.jp/%E3%82%A2%E3%82%A4%E3%83%8C%E8%AA%9E%E5%9C%B0%E5%90%8D%E3%81%A7%E6%97%85%E3%81%99%E3%82%8B%E5%8C%97%E6%B5%B7%E9%81%93-%E6%9C%9D%E6%97%A5%E6%96%B0%E6%9B%B8-%E5%8C%97%E9%81%93-%E9%82%A6%E5%BD%A6/dp/4022732032)

[増補改訂版 札幌の地名がわかる本](https://www.amazon.co.jp/%E5%A2%97%E8%A3%9C%E6%94%B9%E8%A8%82%E7%89%88-%E6%9C%AD%E5%B9%8C%E3%81%AE%E5%9C%B0%E5%90%8D%E3%81%8C%E3%82%8F%E3%81%8B%E3%82%8B%E6%9C%AC-%E9%96%A2-%E7%A7%80%E5%BF%97/dp/4906740537)

## サイト

[アイヌ語の地名 - 環境生活部アイヌ政策推進局アイヌ政策課](https://www.pref.hokkaido.lg.jp/ks/ass/new_timei.html)

[山名考＿札幌岳 その１](https://amaimonoko.at-ninja.jp/h-mtdata/hoka/sanmeko/sapporo/sapporo1.htm)
[山名考＿札幌岳 その２](https://amaimonoko.at-ninja.jp/h-mtdata/hoka/sanmeko/sapporo/sapporo2.htm)