info/Web-Dev-For-Beginners
1
0
Fork 0
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git synced 2025-08-31 18:32:16 +02:00
Code Issues Projects Releases Wiki Activity

Merge branch 'main' of https://github.com/microsoft/Web-Dev-For-Beginners into main

Browse Source
This commit is contained in:
Sanjay
2021-01-02 22:07:28 +05:30
parent f9521b752f 38000934f7
commit f2b8c75c7b
101 changed files with 11126 additions and 1657 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
4-typing-game/translations/README.ja.md Normal file
View File

@@ -0,0 +1,30 @@
# イベント駆動型プログラミング - タイピングゲームの構築
## イントロダクション
タイピングは、開発者が最も過小評価されているスキルの一つです。頭の中からエディタに思考を素早く転送する能力は、創造性が自由に流れることを可能にします。最高の学習方法の一つは、ゲームをプレイすることです!
> ということで、タイピングゲームを作ってみましょう!
これまで培ってきた JavaScript、HTML、CSS のスキルを使ってタイピングゲームを作っていただきます。このゲームでは、プレイヤーにランダムな引用文 ([シャーロック・ホームズ](https://en.wikipedia.org/wiki/Sherlock_Holmes)の名言を使用しています) を提示し、それを正確に入力するのにどれくらいの時間がかかるかを競います。これまでに培った JavaScript、HTML、CSS のスキルを使ってタイピングゲームを作ってみましょう。
![demo](../images/demo.gif)
## 前提条件
このレッスンでは、次のような概念に精通していることを前提としています:
- テキスト入力とボタンコントロールの作成
- CSS とクラスを使ったスタイルの設定
- JavaScript の基礎
- 配列の作成
- 乱数の生成
- 現在の時刻の取得
## レッスン
[イベント駆動型プログラミングを用いたタイピングゲームの作成](./typing-game/translations/README.ja.md)
## クレジット
Written with ♥️ by [Christopher Harrison](http://www.twitter.com/geektrainer)