jQueryでタイピングゲームを作ってみよう!

【初級レベル/3時間】初めてでもできる!jQueryでHTMLゲーム作りに挑戦!

本教材について

誰もが一度はやったことのあるシンプルな「タイピングゲーム」を作ります。

HTML, CSS, jQuery, javascriptを使い、メインはjQueryとなります。

1ステップずつ解説と参考記事、コード全文を載せているので、手を動かしながら学習することができます。

Progateなどで基礎をやってみて、何か1から作ってみたいという方にはうってつけで理解しやすく楽しく学習できます。

「自分の手で動くものを作れる」というプログラミングを楽しめる教材になるよう作成しました。

このような方におすすめ

  • ProgateやドットインストールなどでjavascriptやjQueryの基礎を学んだ方
  • jQueryでできる簡単に作れる課題がほしい方

本教材で得られるもの

  • jQueryでできるタイピング系ゲームの作り方

本教材で開発する主な機能

以下のようなシンプルなタイピングゲーム

  • ランダムで問題を表示できる
  • 正解率、間違い率を計測できる
  • 時間の計測ができる


本教材はテキストで構成されており、自分のペースで学習を進めることができます。

この教材の執筆者


NARI
NARI

企業でフルスタックエンジニアを8年経験し、後にフリーランスへと転向。 個人で受託開発や自分のサービス開発に日々勤しんでいる。 様々なコミュニティにも顔を出し、エンジニアの活性化に注力している。 もっとエンジニアライフを楽しくより自由に活動できる環境を作るべく、Twitter(@nari_creator)やQiita、noteなど広く発信活動も行なっているモノつくり大好きなフリーランスエンジニアです。


本教材のカリキュラム


  0章:はじめに
利用可能
日 購入してから
  1章:HTMLを構成する
利用可能
日 購入してから
  2章:スタイル(css)を調整する
利用可能
日 購入してから
  4章:問題数の設定をする
利用可能
日 購入してから
  5章:問題をランダムに出す
利用可能
日 購入してから
  6章:タイピングの正確率を出す
利用可能
日 購入してから
  7章:時間を測ろう
利用可能
日 購入してから
  8章:はじめからやりなおす
利用可能
日 購入してから

今すぐはじめる!