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

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

Composition API

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

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

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

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

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

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

Vue3 Composition APIの勉強

先日Vue3が公開になりました。 yushi-dev.hatenablog.com 今回はVue3の目玉機能の一つ、Composition APIを触ってみます。 Composition APIとは 公式ドキュメントはこの辺りです。 vue-composition-api-rfc.netlify.app v3.vuejs.org Composition APIを利用す…