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

48 lines
2.9 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": "5adea7059676fcdb1b546ccd54c956c2",
"translation_date": "2025-10-24T15:11:51+00:00",
"source_file": "4-typing-game/README.md",
"language_code": "ja"
}
-->
# イベント駆動型プログラミング - タイピングゲームを作ろう
## はじめに
開発者なら誰もが知っているけれど、あまり話題にしないことがあります。それは、速くタイピングすることがスーパーパワーだということです!🚀 考えてみてください。アイデアを脳からコードエディタに素早く移せるほど、創造性がどんどん流れ出します。まるで思考と画面を直接つなぐパイプラインがあるようなものです。
このスキルをレベルアップする最高の方法のひとつを知りたいですか?そうです、ゲームを作ることです!
> 一緒に素晴らしいタイピングゲームを作りましょう!
これまで学んできたJavaScript、HTML、CSSのスキルを活かす準備はできていますかランダムに表示される伝説の探偵[シャーロック・ホームズ](https://en.wikipedia.org/wiki/Sherlock_Holmes)の名言を使ったタイピングゲームを作ります。このゲームでは、タイピングの速さと正確さを測定します。そして、これが思った以上にハマるんです!
![デモ](../../../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)を使用して翻訳されています。正確性を追求しておりますが、自動翻訳には誤りや不正確な部分が含まれる可能性があります。元の言語で記載された文書を正式な情報源としてご参照ください。重要な情報については、専門の人間による翻訳を推奨します。この翻訳の使用に起因する誤解や誤認について、当方は一切の責任を負いません。