HTML、CSS学習にオススメのタイピング練習ゲーム!!

タイピングのイメージ画像 IT系

 

仕事の効率をあげるのに、手っ取り早い方法が「作業スピードの向上です!」

  • HTML、CSSのタイピング速度を早くしたい!
  • 仕事をさっさと終わらしてはやく帰りたい!

そんな方向けの記事です。

1.HTML、CSS学習にオススメのタイピング練習ゲーム!!

HTML、CSSのタイピングスピードを速くするには、どうしたらいいのでしょか?

1-1. HTML、CSSが打ちにくい理由

普通に文章を打つ分には、普通に早く打てるのに、なぜかHTMLなどのコードが打つのが遅い。プログラミングの経験がない方は、多分みんなそうなんじゃないでしょうか?

※そもそも、ブラインドタッチが出来ないという方はまず、普通の文章(日本語の文章)を打つブラインドタッチを練習しましょう!
ブラインドタッチ初心者におすすめ!無料タイピング練習ゲーム!

ブラインドタッチはできるけど、日本語の文章を打つのもまだ遅い・・・そんな方は、無料タイピング練習ゲーム「タイピングTHE札束」をやってみてくださいませ。素早くタイピングをして億万長者を目指しましょう!

1-2 ただ単に慣れていない

ブラインドタッチは、そこそこ出来るのに、プログラミング言語を打つのが苦手だ!という方は…ズバリただ慣れていないだけです。

コードの元となっている言語は、英語です。日本語の文章だとほとんど使わないような、「V」とか「Q」とか「L」が出てきやがります(汗)

さらにプログラミングとなると「〈〉」やら「%」やら「/」やらが登場してしまいます。

あんまり使った事のないモノ、あまりやった事を早く出来ないは当たり前です。それでも早くしろというのは、ブラック企業のダメ上司みたいなのでやめましょう!

2.HTML、CSSを早く打てる様になるには、タイピングゲームが必須!

HTML、CSSのタイピングスピードを速くするには「英字を打つのになれる事」が重要です!

2-1 練習あるのみ・・・プラスα

これは、慣れる!触る!練習する!に限ります!(月並み)

がしかし、ここで大切なのは「楽しみながらやる!」これが、一番大切です。

実際にウェブサイトを作ってみてもいいでしょうし、自分でwebアプリを考えて作って見るのもいいでしょう!(経験者は語る)

いかに、楽しく!かつ効率よく練習するかを考えるのが、上達への近道です(共に頑張りましょう!)

3.HTML、CSSタイピングゲームがおすすめ。

実際にコードを書いてなれるのもいいですが、タイピング練習ゲームで練習するのがオススメです!

3-1 ブラインドタッチすらできませんでした・・・

そこでオススメなのが、タイピングゲームです!実は、一年程前まで私は「ブラインドタッチ」もできないヘナチョコでした(悲しい)

しかし、某タイピングゲームのお陰で楽しく練習ができ、人並みにブラインドタッチが出来るようになりました。

そして、数ヵ月前にHTML、CSSと言うものに出会いました。(遅い…(笑))

初めは、なんじゃこりゃ?レベルの遅いタイピングスピードでオロオロとしてました…

3-2 HTML・CSSに特化したタイピングゲーム作りました

1ヶ月位したら、まぁまぁ早くなってきたのですが、まだまだ感が否めないので、作っちゃいました。

テーマは

楽しく
シンプル

これをテーマに「HTML、CSSに特化したタイピングwebアプリ」を作りました!

html/cssタイピング練習ゲーム【タイピングTHE自社ビル】
HTML/CSSタグのタイピング練習ゲームです。楽しくコーディングのスピードアップが出来ます!

基本的には、自分で練習する為に作った感じなんですが、なかなかいい感じなので公開します。(不具合はご報告頂ければご連絡下さい(汗)ただ…気長にお待ち願います…)

4.自作webアプリ「 HTML/CSS自社ビル建設タイピングゲーム 」

HTMLタイピング練習ゲーム
HTML/CSSタイピングゲームのプレイ画面
HTMLタイピングゲームの結果表示画面
HTML/CSSタイピングゲームの結果表示画面

4-1 主な仕様

  • 使用プログラミング言語
    HTML、CSS、javascriptで作りました。
  • アニメーション付きで楽しく練習
    制限時間内にどれだけ早くタイピングできたかで、出来あがる自社ビルの階数が決まります。(簡易的なアニメーション有り)
  • シェア機能搭載
    ゲームの結果をTwitterでシェア出来ます!気に入って頂けました、是非twitterでシェアしてみてください。
  • タグの意味を表示
    コードの意味や使い所を表示します。プログラミングの勉強の予習復習に最適です。
  • 無料で使える
    完全無料で使えます。
  • ダウンロード不要
    ブラウザで遊べるWEBアプリです。ダウンロード不要で、いつでもどこでも楽しく快適にタイピングの練習ができます。
  • 周りにも心にも優しいサイレント設計
    間違っても「ブー」とか鳴りません。心理的な追いつめられ感を排除した設計です。周りにも気を使わずに練習できます。

4-2 注意点、スペースに気を付けよう

若干わかりにくいですが、スペースも入力が必要です。文字があってるのに進まない!そんなときはスペースが未入力の可能性が大です!

4-3 webアプリ、HTML,cssタイピングゲームはこちらから

html/cssタイピング練習ゲーム【タイピングTHE自社ビル】
HTML/CSSタグのタイピング練習ゲームです。楽しくコーディングのスピードアップが出来ます!

4-4 タイピング練習にオススメなキーボード

「タイピングの練習でキーボードを劣化させたく無い!」っていう方にお勧めなのがこちらのキーボードです。使い心地、コスパとも良好でオススメです!

私が実際に使用した感想を、過去記事「ロジクールK380 Bluetoothキーボード使用レビュー」で紹介していますので、よろしければご覧ください。

コメント

タイトルとURLをコピーしました