スマレジエンジニアyushiのブログ

スマレジエンジニアのブログ

タイピングゲーム

【タイピングゲーム 第6回】"っ"に対応する

タイピングゲームを作っています。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 Vue.js3 Vite 今回は、"っ"に対応します。 "っ"の対応 小さい"っ"の入力は、例えば「って」と入力したい時に、 ltute tte の2種類の入力方式があります。 「1. l…

【タイピングゲーム 第5回】"ん"に対応する

タイピングゲームを作っています。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 Vue.js3 Vite 今回は、"ん"に対応します。 "ん"への対応 "ん"が特殊な動きをするのは、例えば"あんこ"と入力するときに、"annko"という入力の他、"anko"という入…

【タイピングゲーム 第4回】ひらがなに対応する

タイピングゲームを作っています。 yushi-dev.hatenablog.com 技術スタックは下記の通りです。 Vue.js3 Vite 前回までは英字のみに対応していましたが、今回はひらがな対応をします。 ひらがな対応 ひらがなのローマ字打ちに対応していくのですが、重要なポ…

【タイピングゲーム 第3回】Composition APIで整理する

タイピングゲームを作っています。 yushi-dev.hatenablog.com 今回は、Composition APIを導入します。 技術スタックは下記の通りです。 Vue.js3 Vite Composition APIについて Composition APIについては、過去記事で言及しています。 Vue3の目玉機能の一つ…

【タイピングゲーム 第2回】タイマーを設置する

タイピングゲームを作っています。 yushi-dev.hatenablog.com 今回は、タイマーを設置します。 タイマー機能 タイマーを設置して、「決められたテキストを、時間内に打ち込む」というゲームにアップグレードします。 タイマー機能は、setIntervalを利用しつ…

【タイピングゲーム 第1回】タイピングゲームを作る

タイピングゲームを作っていこうと思います。 学生時代に少しタイピングゲームにハマっていた時期があったのですが、 当時遊んでいたゲームたちはFlash Playerとともに死んでしまいました...。 夜の森タイピング neutralx0.net 皿打 neutralx0.net 僕は絵が…