2022-12-11
HiraganaParserが正式リリースになったので、読み仮名があるデータ、アドレス・ベース・レジストリを使った市町村タイピングゲーム「CityTypingGame」を作ってみました。


「CityTypingGame」
src on GitHub
日本の市町村からランダムに20問出題。すばやくタイピングしましょう!(HiraganaParserDovorakを使っているのでDvorak使いの人向けCによるカ行に対応!)

市区町村マスターから、今回は政令指定都市の区を除いた、1747市町村を使っています。下記がフィルタリングしているコード、index.html の一部です。 const words0 = await CSV.fetchJSON("https://code4fukui.github.io/address-japan/data/city.csv"); const words = words0.filter(w => !w.政令市区名); console.log(words); 読みがカタカナで入っているので、HiraganaParser用にひらがなに変換 with Kana.js targetja.textContent = Kana.katakanaToHiragana(w.市区町村名_カナ); HiraganaParserを使うと、タイピングゲームが簡単に実装できます! const parser = new HiraganaParser({ hiraganas: targetja.textContent, configs: KEY_CONFIGS }); targetroma.textContent = parser.notInputedRoma; for (;;) { for (;;) { const c = await waitKeyDown(); if (c == "Escape") { escflg = true; break A; } if (parser.input(c)) { break; } } targetroma.textContent = '_'.repeat(parser.inputedRoma.length) + parser.notInputedRoma; if (parser.isComplete()) { break; } } 楽しいタイピングゲームを作って、友達と競争しよう!

links
- JavaScriptオンラインメンタリングはじめます! 函館高専生のDvorakタイピング支援アプリ編
- タイピング力とリスニング力を同時に鍛える修行ツール with say.js、沼津高専福井高専合同勉強会

Tweet
クリエイティブ・コモンズ・ライセンス
本ブログの記事や写真は「Creative Commons — CC BY 4.0」の下に提供します。記事内で紹介するプログラムや作品は、それぞれに記載されたライセンスを参照ください。
CC BY / @taisukef / アイコン画像 / プロフィール画像 / 「一日一創」画像 / RSS