動物のリスト
動物の手がかりを保存します
「動物のリスト」は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フィードバックを取得できます。ローカル設定は不要です。