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、沼津高専福井高専合同勉強会
2024-07-26 Fri Night
