You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Web-Dev-For-Beginners/translations/ja/4-typing-game/README.md

42 lines
2.4 KiB

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!--
CO_OP_TRANSLATOR_METADATA:
{
"original_hash": "957547b822c40042e07d591c4fbfde4f",
"translation_date": "2025-08-24T00:17:25+00:00",
"source_file": "4-typing-game/README.md",
"language_code": "ja"
}
-->
# イベント駆動型プログラミング - タイピングゲームを作ろう
## はじめに
タイピングは、開発者にとって最も過小評価されているスキルの一つです。頭の中の考えを素早くエディタに移す能力があれば、創造性を自由に発揮することができます。そして、学ぶための最良の方法の一つはゲームをすることです!
> さあ、タイピングゲームを作りましょう!
これまでに習得したJavaScript、HTML、CSSのスキルを使ってタイピングゲームを作ります。このゲームでは、プレイヤーにランダムな引用文今回は[Sherlock Holmes](https://en.wikipedia.org/wiki/Sherlock_Holmes)の引用文を使用を提示し、正確に入力するのにかかった時間を計測します。これまでに習得したJavaScript、HTML、CSSのスキルを活用して、このタイピングゲームを作成します。
![デモ](../../../4-typing-game/images/demo.gif)
## 前提条件
このレッスンでは、以下の概念に慣れていることを前提としています:
- テキスト入力とボタンコントロールの作成
- CSSとクラスを使用したスタイル設定
- JavaScriptの基本
- 配列の作成
- ランダムな数値の生成
- 現在時刻の取得
## レッスン
[イベント駆動型プログラミングを使ったタイピングゲームの作成](./typing-game/README.md)
## クレジット
[Christopher Harrison](http://www.twitter.com/geektrainer)による♥️を込めた執筆
**免責事項**:
この文書は、AI翻訳サービス [Co-op Translator](https://github.com/Azure/co-op-translator) を使用して翻訳されています。正確性を追求しておりますが、自動翻訳には誤りや不正確な部分が含まれる可能性があることをご承知ください。元の言語で記載された文書が正式な情報源とみなされるべきです。重要な情報については、専門の人間による翻訳を推奨します。この翻訳の使用に起因する誤解や誤解釈について、当方は一切の責任を負いません。