0Pricing
Javascript for Kids · レッスン

コンピューターの選択

ランダムに選択します

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

ロボットプレイヤー 🤖

コンピューターと対戦するには、コンピューターにもグー、パー、チョキのいずれかを選ばせる必要があります!

では、コンピューターはどのように選ぶのでしょうか? ランダム性を使います! 🎲

console.log('The computer is thinking... 🤖')
console.log('It will pick something random! 🎲')

ランダムとは? 🎲

ランダムとは、予測できないことです! 何が出るかはわかりません。 😲

ルーレットを回したり、さいころを振ったりするのと同じです。何が起こるかわかりません! 🌀

console.log('Random = a surprise! 🎉')
console.log('Like rolling a dice 🎲')

Math.random() ✨

JavaScriptには、Math.random() という便利な機能があります。

0以上1未満のランダムな数値を返します。たとえば、0.42 や 0.97 です! 🔢

let r = Math.random()
console.log('Random number: ' + r + ' ✨')

0、1、2のいずれかを選ぶ 🔢

3つの選択肢のうち1つが必要です。そのため、3を掛けてから Math.floor() で小数点以下を切り捨てます。

これで 0、1、2 のいずれかになります! 🎯

let n = Math.floor(Math.random() * 3)
console.log('Got number: ' + n + ' 🎯')

選択肢のリスト 📋

3つの選択肢を配列に入れましょう。配列はリストのようなものです! 📋

位置0はグー、1はパー、2はチョキです。

let choices = ['rock', 'paper', 'scissors']
console.log(choices[0] + ' ✊')
console.log(choices[1] + ' 📄')
console.log(choices[2] + ' ✂️')

リストから選ぶ 🎰

ここで、これらを組み合わせます! ランダムな数値を選び、その数値の位置にある要素をリストから取り出します。 🎰

魔法のようですね! コンピューターが選びました! ✨

let choices = ['rock', 'paper', 'scissors']
let n = Math.floor(Math.random() * 3)
let computer = choices[n]
console.log('Computer picked: ' + computer + ' 🤖')

もう一度実行する! 🔁

コードを実行するたびに、コンピューターは違うものを選ぶ可能性があります! 🎲

何度も実行してみましょう。グーのときもあれば、パーやチョキのときもあります! 😄

let choices = ['rock', 'paper', 'scissors']
let computer = choices[Math.floor(Math.random() * 3)]
console.log('This time: ' + computer + ' 🎰')

便利な関数 🛠️

選択するコードを関数にまとめましょう。関数は何度でも使える小さな機械のようなものです! 🛠️

function computerPick() {
  let choices = ['rock', 'paper', 'scissors']
  return choices[Math.floor(Math.random() * 3)]
}
console.log('Pick: ' + computerPick() + ' 🤖')

何度も使う 🔂

これで機械ができたので、好きなだけ呼び出せます! 🔂

呼び出すたびに、新しいランダムな選択が得られます。 🎲

function computerPick() {
  let choices = ['rock', 'paper', 'scissors']
  return choices[Math.floor(Math.random() * 3)]
}
console.log('Pick 1: ' + computerPick())
console.log('Pick 2: ' + computerPick())
console.log('Pick 3: ' + computerPick())

絵文字で表示する 😎

見た目を楽しくしましょう! 選択した手を楽しい絵文字で表示できます。 ✊📄✂️

これで、コンピューターの選択がすばらしく見えます! 🌈

let choices = ['rock ✊', 'paper 📄', 'scissors ✂️']
let computer = choices[Math.floor(Math.random() * 3)]
console.log('Computer chose: ' + computer)

ロボットに選ばせました! 🤖

すばらしいです! コンピューターに選ばせることができました! 🎉

  • Math.random() は予測できない数値を返す 🎲
  • Math.floor() は小数点以下を切り捨てる 🔢
  • それを使って、リストから選択肢を取り出す 📋
console.log('Computer can pick now! ✅')
console.log('Next: who wins? 🏆')

クイックチェック 🧠

覚えているか確認してみましょう! 🤔

すばらしい成果です! 🎉

コンピューターにグー、パー、チョキを選ばせることができました! 🤖

  • Math.random() でランダムな数値を作る 🎲
  • Math.floor() で小数点以下を切り捨てる 🔢
  • リストから選択肢を取り出す 📋

次は、どちらが勝つかを確認しましょう! 🏆

console.log('Lesson complete! ⭐')
console.log('On to the winner! 🏆')

よくある質問

「コンピューターの選択」レッスンは無料ですか?

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

「コンピューターの選択」で何を学びますか?

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

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

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

「コンピューターの選択」レッスンにはどのくらい時間がかかりますか?

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

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

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

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

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