この記事の最終更新日: 2021年1月25日
![【第三回】JavaScript初心者が最強のTOEFLタイピングゲームを作りたい【機能追加】](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2020/10/LISA99_MBA20141018102742.jpg?resize=1024%2C683&ssl=1)
はじめに
みなさんこんにちは。daigoroです。
今日もTOEFLタイピングゲームの進捗について報告したいと思います。
タイピングゲームはこちらから確認できます。
タイピングゲーム
前回の記事はこちら
追加機能
今回は以下の機能を追加しました。
![TOEFLタイピングゲーム 機能追加](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2021/01/image-26.png?resize=1024%2C614&ssl=1)
- ランダムモード・通常モードの切り替え
- 入力単語数カウンター追加
- 入力文字数カウンター追加
- レイアウトの微修正
ランダムモード・通常モードの切り替え
今まではランダムモードのみでしたが、順番に並んでいる通常モードも実装しました。
通常モードで練習した後、ランダムモードでトレーニングすることを想定しています。
単語数・文字数カウンターの設置
入力した単語数、文字数を確認できるようにしました。
どのくらい頑張ったかが目に見えるようになっただけで、
アプリの魅力が割と上がったような気がします。
レイアウトの微修正
タイトルの色などを変更しました。
蛍光色を使うと一気に古臭くなるので、
落ち着いたトーンの色を使っていこうと思います。
さいごに
現在は名詞の初級しか実装していないので、どんどん増やしていきたいです。
以上、daigoroでした。
次の記事はこちら
![ゆるプロ日記](https://i0.wp.com/yurupro.cloud/wp-content/uploads/2023/01/12245_paint.png?resize=100%2C100&ssl=1)
大阪のエンジニアが書いているブログ。
コメント