Web制作者の腕試し!HTMLやCSSやJavaScriptなどのコードでキーボードのタイピング練習ができる -Type Fu
Post on:2018年6月20日
HTML, CSS, JavaScript, Swiftなどのコードで、キーボードのタイピング練習ができるオンラインツール・アプリを紹介します。
最近では、HTML, CSS, JavaScriptを手打ちで入力する機会はかなり減りましたが、タグやプロパティを入力する指の動きなどけっこう覚えているものですね。

まずは、オンライン版から紹介します。
利用は無料で、下記ページにアクセスし「Launch online demo」をクリックします。
※デモなので、時間制限があります。

対応ブラウザは、Chrome, Opera, Vivaldiで、WinでもMacでもOKです。

タイピング練習の画面
右上の歯車アイコンをクリックすると、コードの種類などの設定を変更できます。

設定画面
続いて、アプリ版は3種類です。
それぞれ有料ですが、macOS版が今だけ無料でダウンロードできます。
※通常は有料(600円)で、今だけキャンペーン中です。
※無料キャンペーンは昨日で終了してしまったようです。

という訳で、さっそくmacOS版をダウンロードしてみました。
オンライン版とまったく同じ使い勝手で、時間の制限なくタイピング練習ができます。

Type Fu アプリ版
設定画面も同様です。

Type Fu アプリ版
CSSもよく見かけるコードばかりで、タイピングの良い練習になります。

Type Fu アプリ版
sponsors