0Pricing
Javascript for Kids · レッスン

もう一度遊ぶ

ゲームをループさせます

「もう一度遊ぶ」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。

1回のゲームでは足りません! 🔁

1ラウンドでも楽しいですが、1回だけ遊びたい人なんているでしょうか? いませんよね! 😄

ループを使って、ゲームを何度も繰り返しプレイできるようにしましょう! 🔄

console.log('Round 1! 🎮')
console.log('Round 2! 🎮')
console.log('Round 3! 🎮')

ループとは? 🌀

ループはコードを何度も繰り返すので、コピーして貼り付ける必要がありません! 🌀

ロボットに「これを5回やって」と伝えるだけで、同じことを5回言わずに済むところを想像してください。 🤖

console.log('A loop repeats things! 🔁')
console.log('Super handy! ✨')

forループ 🔢

forループは、数を数えてくれます!🔢

ある数から始まり、決めた条件が成り立つ間は続き、毎回1ずつ増えます。

for (let i = 1; i <= 3; i++) {
  console.log('Count: ' + i + ' 🔢')
}

3ラウンドをプレイ 🎮

ループを使って、ゲームを3ラウンドプレイしましょう!🎮

ループを1回通るたびに、新しいラウンドになります。🔄

for (let round = 1; round <= 3; round++) {
  console.log('--- Round ' + round + ' ---')
  console.log('Playing! 🎲')
}

選択処理を追加 🤖

各ラウンドの中で、コンピューターが新しい選択をします!🤖

ランダムな選択処理をループに追加しましょう。🎲

let choices = ['rock', 'paper', 'scissors']
for (let round = 1; round <= 3; round++) {
  let comp = choices[Math.floor(Math.random() * 3)]
  console.log('Round ' + round + ': computer picked ' + comp + ' 🤖')
}

スコアを記録 🏅

あなたが何回勝ったかを数えましょう!scoreという箱を作り、0から始めます。🏅

勝つたびに1増えます!

let score = 0
score = score + 1
score = score + 1
console.log('Your score: ' + score + ' 🏅')

ループ内でスコアを記録 📈

これで、すべてのラウンドを通してスコアを記録できます!📈

スコアの箱が、ラウンドごとの勝利数を覚えておいてくれます。🧠

let score = 0
for (let round = 1; round <= 3; round++) {
  score = score + 1
  console.log('Round ' + round + ': win! Score = ' + score + ' 🏅')
}

whileループ 🔄

もう1つのループがwhileループです。何かが成り立っている間、処理を続けます!🔄

「3回勝つまでプレイする」のような処理にぴったりです。🎯

let wins = 0
while (wins < 3) {
  wins = wins + 1
  console.log('Win number ' + wins + '! 🎉')
}
console.log('Got 3 wins! 🏆')

ループを止める 🛑

途中で止めたいこともあります。breakを使うと、ループから抜け出せます!🛑

誰かが大勝ちしたときにゲームを止める、といった使い方です。🏆

for (let i = 1; i <= 10; i++) {
  console.log('Round ' + i)
  if (i === 3) {
    console.log('Game over! 🛑')
    break
  }
}

ゲームのループを完成させる 🎉

ループ、コンピューターの選択、スコアをすべて組み合わせましょう!🎉

これで自分だけのじゃんけんゲームの完成です!🕹️

let choices = ['rock', 'paper', 'scissors']
let score = 0
for (let round = 1; round <= 3; round++) {
  let comp = choices[Math.floor(Math.random() * 3)]
  console.log('Round ' + round + ': computer ' + comp)
  score = score + 1
}
console.log('Final score: ' + score + ' 🏆')

ゲーム全体を作りました!🕹️

すばらしいです!何度も繰り返しプレイできるゲームを作りました!🎉

  • forループでラウンドを数える 🔢
  • whileループで処理を続ける 🔄
  • breakで途中で止める 🛑
  • スコアの箱で得点を記録する 🏅
console.log('You built the game! 🕹️')
console.log('You are a coder! 🌟')

クイックチェック 🧠

最後の頭の体操です!🤔

できました!🎉

じゃんけんゲームを完成させました!🥳

  • ルールを学びました ✊📄✂️
  • コンピューターの選択を作りました 🤖
  • 勝者を見つけました 🏆
  • ループを使ってもう一度プレイできるようにしました 🔁

あなたは本物のゲーム制作者です!🌟よくできました!

console.log('Course complete! 🎓')
console.log('You rock! 🤘')

よくある質問

「もう一度遊ぶ」レッスンは無料ですか?

はい。「もう一度遊ぶ」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Javascript for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Javascript for Kidsコースには全4レッスンが含まれています。

「もう一度遊ぶ」で何を学びますか?

ゲームをループさせます ブラウザで直接実行するハンズオンコードでJavascript for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Javascript for Kidsを始めるのに経験は必要ですか?

事前経験は必要ありません。CoddyKitのJavascript for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。

「もう一度遊ぶ」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このJavascript for Kidsレッスンでコードを書いて実行できますか?

はい。すべてのJavascript for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. ルール
  2. コンピューターの選択
  3. 勝つのは誰
  4. もう一度遊ぶ
← Javascript for Kidsに戻る