2022-01-21 01:00:18 +05:30
|
|
|
---
|
|
|
|
|
id: bd7158d8c442eddfaeb5bd1c
|
|
|
|
|
title: サイモンゲームを作成する
|
|
|
|
|
challengeType: 3
|
|
|
|
|
forumTopicId: 302357
|
|
|
|
|
dashedName: build-a-simon-game
|
|
|
|
|
---
|
|
|
|
|
|
|
|
|
|
# --description--
|
|
|
|
|
|
|
|
|
|
**目標:** [https://codepen.io/freeCodeCamp/full/obYBjE](https://codepen.io/freeCodeCamp/full/obYBjE) と同じような機能を持つ、[CodePen.io](https://codepen.io) アプリを構築してください。
|
|
|
|
|
|
|
|
|
|
以下の[ユーザーストーリー](https://en.wikipedia.org/wiki/User_story)を実装してください。 必要に応じて、どのようなライブラリあるいは API を使用してもかまいません。 あなたの独自のスタイルにしましょう。
|
|
|
|
|
|
2022-01-22 20:38:20 +05:30
|
|
|
**ユーザーストーリー:** 連続してボタンを押す順番を、ランダムに提示されます。
|
2022-01-21 01:00:18 +05:30
|
|
|
|
2022-01-22 20:38:20 +05:30
|
|
|
**ユーザーストーリー:** 連続してボタンを押す順番を正しく入力するたびに、入力したものと同じボタンを押す順番とともに、追加の 1 ステップ を見ることができます。
|
2022-01-21 01:00:18 +05:30
|
|
|
|
2022-01-22 20:38:20 +05:30
|
|
|
**ユーザーストーリー:** 連続してボタンを押す順番を提示する時と、自らボタンを押すときに、それぞれのボタンに応じた音が聞こえます。
|
2022-01-21 01:00:18 +05:30
|
|
|
|
2022-01-22 20:38:20 +05:30
|
|
|
**ユーザーストーリー:** もし間違ったボタンを押したら、そのことを通知されますが、連続してボタンを押す順番を再度提示して思い出させてくれるので、もう一度挑戦できます。
|
2022-01-21 01:00:18 +05:30
|
|
|
|
2022-01-22 20:38:20 +05:30
|
|
|
**ユーザーストーリー:** 連続してボタンを押す現在の順番に、何回のステップがあるのかを見ることができます。
|
2022-01-21 01:00:18 +05:30
|
|
|
|
2022-01-22 20:38:20 +05:30
|
|
|
**ユーザーストーリー:** 再開したい場合には、再開ボタンをたたくいてゲームを 1 つ目のステップの状態まで復帰できます。
|
2022-01-21 01:00:18 +05:30
|
|
|
|
2022-01-22 20:38:20 +05:30
|
|
|
**ユーザーストーリー:** 間違ったボタンを押して、そのことを通知されてから、連続してボタンを押す順番が新しくランダムな状態からゲームが再開する、ストリクトモードでプレイできます。
|
2022-01-21 01:00:18 +05:30
|
|
|
|
2022-01-22 20:38:20 +05:30
|
|
|
**ユーザーストーリー:** 連続で 20 のステップを正しく入力できれば、ゲームに勝利できます。 私がゲームに勝利したことが通知され、ゲームをもう一度やり直します。
|
2022-01-21 01:00:18 +05:30
|
|
|
|
|
|
|
|
**ヒント:** 各ボタンに対して使用できる mp3 はこちらです: `https://s3.amazonaws.com/freecodecamp/simonSound1.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound2.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound3.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound4.mp3`
|
|
|
|
|
|
|
|
|
|
完了したら、CodePen のプロジェクトへのリンクを入れて、「このチャレンジを完了しました」ボタンをクリックしてください。
|
|
|
|
|
|
|
|
|
|
[freeCodeCamp フォーラム](https://forum.freecodecamp.org/c/project-feedback/409)でプロジェクトを共有することにより、フィードバックを得ることができます。
|
|
|
|
|
|
|
|
|
|
# --solutions--
|
|
|
|
|
|
|
|
|
|
```js
|
|
|
|
|
// solution required
|
|
|
|
|
```
|
