Web制作者の腕試し！HTMLやCSSやJavaScriptなどのコードでキーボードのタイピング練習ができる -Type Fu

HTML, CSS, JavaScript, Swiftなどのコードで、キーボードのタイピング練習ができるオンラインツール・アプリを紹介します。

最近では、HTML, CSS, JavaScriptを手打ちで入力する機会はかなり減りましたが、タグやプロパティを入力する指の動きなどけっこう覚えているものですね。

Type Fu

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

Type Fu

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

タイピング練習の画面

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

設定画面

続いて、アプリ版は3種類です。

• Type Fu -macOS版
• Type Fu -Windows10版
• Type Fu -Chrome版

それぞれ有料ですが、macOS版が今だけ無料でダウンロードできます。
※通常は有料（600円）で、今だけキャンペーン中です。
※無料キャンペーンは昨日で終了してしまったようです。

Type Fu -Mac App Store

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

Type Fu アプリ版

設定画面も同様です。

Type Fu アプリ版

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

Type Fu アプリ版