HTML・CSS・JavaScript・Python・Java・SQL・シェルの本物のコードを打ちます。{ } ( ) ; => といった記号キーに強くなるための練習です。
まちがえると先に進みません。Enter のあとの字下げは自動でとばします。Esc で中断。
ふつうのタイピング練習は、日本語や英文——つまりアルファベットと少しの句読点でできています。ところがプログラムを書くときに時間を持っていかれるのは、{ } ( ) [ ] ; : => </ $ | といった記号キーです。ホームポジションから遠く、Shiftとの組み合わせも多いので、文章がいくら速く打てても、コードになると急に遅くなります。
このページは、そこだけを狙って練習できるようにしたものです。記号ドリルは意味のないように見えますが、<> </> や () => {} のような「実際によく出る並び」だけを抜き出しているので、指の動きとしてそのまま役に立ちます。
結果画面には、つまずいた文字が回数順に出ます。記号は毎回おなじところでひっかかります。上位3つだけを意識して数回打ち直すと、次の周でははっきり変わります。逆に、平均のWPMだけ見ていると、どこを直せばいいのか分かりません。
一般的なタイピング測定と同じく、5文字＝1語で計算しています（正しく打てた文字数 ÷ 5 ÷ 分）。コードは記号が多いため、英文タイピングより数字は低く出ます。他人の英文WPMと比べず、同じ言語・同じレベルでの自分の推移を見てください。
| 言語 | よく出る記号 | 身につくこと |
|---|---|---|
| HTML | < > / = " & | 山カッコとスラッシュの往復。閉じタグの手癖 |
| CSS | { } : ; # . - | 波カッコとコロン・セミコロンのリズム |
| JavaScript | ( ) { } => ; ` $ | アロー関数とテンプレート文字列の並び |
| Python | : ( ) _ " f{} | コロンと字下げ、アンダースコア |
| Java | { } ( ) ; < > . | 型とジェネリクスの山カッコ。セミコロンで閉じる手癖 |
| SQL | * , ' ( ) = | 大文字キーワードとシングルクォート |
| シェル | | > - / $ && | パイプ・リダイレクト・オプションの指づかい |
1問おわるごとに、そのコードが何をしているかを日本語で表示します。打つ→意味を読むをくり返すと、記号の位置と一緒に「なぜその記号なのか」も残ります。
; と :、' と ` の見分けがつきやすくなります。設定を変えると難しさも変わります。記録の比較は同じ設定どうしで行ってください。
@ : [ ] " ' あたりは、配列によって位置もShiftの要否も違います。このページはキーの位置を指定せず「この文字を打ってください」とだけ示すので、どちらの配列でもそのまま使えます。ただし記録を比べるときは、同じキーボードで測ってください。コードタイピングは、HTML・CSS・JavaScript・Python・Java・SQL・シェルの実際のコードを打って練習する、無料のブラウザ用タイピング練習です。ふつうのタイピング練習では出てこない { } ( ) => </ | といった記号キーを、記号だけのドリル・1行・複数行ブロックの3段階で鍛えられます。
特徴は、結果を「速さ」だけで終わらせないことです。打ち間違えた文字のランキングを出すので、どの記号が弱いのかがそのまま分かります。さらに1問ごとにそのコードが何をしているかを日本語で表示するので、打鍵練習をしながら読む力も少しずつ付きます。自動インデント、日本語入力オンの検知、高コントラスト、文字拡大、「まちがえても先に進む」モードなど、つまずきやすいところを設計で減らしています。
インストールも会員登録も不要です。記録はサーバーには送らず、お使いのブラウザの中だけに保存されます。