Javascript for Kids · レッスン

動物のリスト

動物の手がかりを保存します

レッスン 1/413 ステップ

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

動物探偵さん、ようこそ! 🕵️

とても楽しいGuess the Animalゲームを作る準備をしましょう! 🐶🐱🦁

コンピューターが動物を1匹思い浮かべ、ヒントを出します。あなたはその動物を当てます。でもその前に……動物を全部入れておく場所が必要です!

リストとは何でしょう? 📝

リスト(arrayと呼びます)は、たくさんのものを入れられるおもちゃ箱のようなものです。 🧸

角かっこ[ ]を使い、それぞれのものをカンマで区切ります。

let animals = ["dog", "cat", "lion"]
console.log("My animal box has:", animals)

動物をもっと追加しましょう 🦒

動物が増えるほど、ゲームはもっと楽しくなります! たくさんの仲間を箱に詰め込みましょう。

let animals = ["dog", "cat", "lion", "giraffe", "penguin"]
console.log("Total animals:", animals.length)

動物の数を数えましょう 🔢

リストは、自分の大きさを知っています! .lengthを使って、中に入っているものを数えましょう。 🪄

let animals = ["dog", "cat", "lion"]
console.log("I have " + animals.length + " animals!")

動物を1匹のぞいてみましょう 👀

リストの各位置には、インデックスという番号が付いています。最初は1ではなく0です! 🤓

let animals = ["dog", "cat", "lion"]
console.log("First animal:", animals[0])
console.log("Second animal:", animals[1])

秘密の動物 🤫

このゲームでは、コンピューターが箱の中から秘密の動物を1匹選びます。ライオンを取り出してみましょう!

let animals = ["dog", "cat", "lion"]
let secret = animals[2]
console.log("Shhh... the secret is a", secret)

ヒント付きの動物 💡

それぞれの動物にはヒントが必要です! objectと波かっこ{ }を使って、動物とそのヒントを一緒に保存できます。

let animal = { name: "lion", clue: "I am the king of the jungle!" }
console.log(animal.clue)

手がかりオブジェクトのリスト 📦

これからオブジェクトのリストを作ります。それぞれのオブジェクトには、動物とそのヒントが入っています。すごいですね! 😎

let animals = [
  { name: "dog", clue: "I love to bark and fetch!" },
  { name: "cat", clue: "I say meow and chase mice!" }
]
console.log(animals[0].clue)

名前とヒントを読む 🏷️

1つの動物オブジェクトから、nameとclueの両方を読み取れます。🎉

let animal = { name: "frog", clue: "I am green and I hop!" }
console.log("Animal:", animal.name)
console.log("Clue:", animal.clue)

箱の中をループする 🔁

ループを使うと、すべての動物を1つずつ確認できます。箱の中のおもちゃを1つずつ確かめるようなものです!

let animals = ["dog", "cat", "lion"]
for (let i = 0; i < animals.length; i++) {
  console.log("Animal number " + i + ":", animals[i])
}

ゲームデータの準備完了! ✅

すばらしい作業です!ヒント付きの動物のリストを作りました。これがゲームの中心です。❤️

次は、そのヒントをプレイヤーに伝えます!

let animals = [
  { name: "lion", clue: "I am the king of the jungle!" },
  { name: "frog", clue: "I am green and I hop!" }
]
console.log("Game ready with " + animals.length + " animals! 🎮")

クイックチェック ❓

頭の体操の時間です! 🧠

できました! 🌟

今日学んだことを振り返りましょう。

  • 📝 [ ]を使ってリストを作る
  • 🔢 .lengthで項目数を数える
  • 📦 objectsに動物とヒントを保存する
  • 🔁 ループですべての動物を確認する

動物の箱はいっぱいになり、準備万端です。次はヒントを伝えましょう! 🚀

無料で開始

AI チューターと学ぶ JavaScript — 無料

ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。

コース
35
レッスン
140

よくある質問

「動物のリスト」レッスンは無料ですか?

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

「動物のリスト」で何を学びますか?

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

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

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

「動物のリスト」レッスンにはどのくらい時間がかかりますか?

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

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

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

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

  1. 動物のリスト
  2. 手がかりを出す
  3. 推測を確認する
  4. 正解です
← Javascript for Kidsに戻る