Web制作学習者のためのタイピング練習

Web制作の基礎からモダン開発技術まで、実務コードで鍛えるタイピングトレーニング

For Beginners

トライアルコース

日本語を見ながらローマ字を1文字ずつ入力。 キーガイド付きで記号の場所を確認。タイピングの基礎を身につけます。

まずはトライアルスタート

Main Practice

コードタイピング

HTML・CSS・JavaScriptなどの実際のコードを入力。 手を動かしながら、実務で使える記述力を身につけます。

本格的コード練習

Battle Ranking

Challenge Ranking

100秒の固定問題でスコア勝負。腕試ししたい人向けのチャレンジモードです。

固定問題 100秒勝負 再挑戦は60秒後
ランキングに挑戦する
HTML CSS JavaScript PHP WordPress MySQL Bootstrap
プログラミング 理解度チェック NEW Git実務テスト

タイピングで覚えたら、テストで理解度をチェック！

HTML・CSS・JavaScript・PHP・Wordpress・SQLなど、Web制作に必要な基礎知識を問題形式で確認できます。
ステップ別の基礎テストに加えて、Gitの基本操作を確認できる実務テストも用意しています。

コードを入力するだけでなく、「なぜこの記述を使うのか」まで理解できているか確かめてみましょう。

Web制作の基礎テストに挑戦する

HTML・CSS・JavaScript・PHP・WordPress・SQL・Gitなどのテストを利用できます

基礎を固めるタイピング

HTML・CSS・JavaScriptの基本構造をタイピングで身につけよう

HTML / Basic

HTMLの基本タグ構造をタイピングで習得します。

タイピング練習

HTML / Intermediate

HTMLのセマンティクス要素とform要素をタイピングで習得します。

タイピング練習

CSS / Basic

CSSの基本プロパティを中心に練習します。

タイピング練習

CSS / Intermediate

レイアウト・擬似要素・レスポンシブ対応を練習します。

タイピング練習

CSS / Practice

Grid・レスポンシブ・アニメーションを組み合わせた実戦CSSを練習します。

タイピング練習

JavaScript / Basic

変数・条件分岐・DOM操作の基礎を練習します。

タイピング練習

JavaScript / Intermediate

API・非同期処理・実践的なDOM制御を練習します。

タイピング練習

PHP / Basic

PHPの文法・配列・条件分岐を練習します。

タイピング練習

PHP / Intermediate

関数・セッション・DB操作の基礎を学びます。

タイピング練習

WordPress / Basic

テーマ制作の基本関数（ループ・テンプレート・the_系）を練習します。

タイピング練習

WordPress / Intermediate

get_the_* 系・WP_Query・取得→加工→出力を練習します。

タイピング練習

MySQL / Basic

SELECT・INSERTなどSQLの基本構文を練習します。

タイピング練習

MySQL / Intermediate

JOIN・サブクエリなど実務SQLを練習します。

タイピング練習

Bootstrap

よく使うクラスを素早く入力できるようにします。

タイピング練習

実践コードに挑戦

ReactやNext.jsなど実務レベルのコード入力に挑戦しよう

Programming Symbols

コーディングで頻出する記号入力を集中的に練習します。

タイピング練習

React

JSX構文・コンポーネント記述を練習します。

タイピング練習

Vue

ディレクティブやテンプレート構文に慣れます。

タイピング練習

Next.js

サーバーサイド連携やルーティング構文を練習します。

タイピング練習

Python

Python基礎コードの練習

タイピング練習

Django

PythonによるWebテンプレート構文を練習します。

タイピング練習

TypeScript

型定義・ジェネリクスなどの構文に慣れます。

タイピング練習

Tailwind CSS

ユーティリティクラスの高速入力を練習します。

タイピング練習