0Pricing
Javascript for Kids · レッスン

選択する

物語を分岐させます

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

道を選びましょう! 🌿

アドベンチャーゲームで最高に楽しい部分は、選択です!左に行くか右に行くか?ドアを開けるか逃げるか?物語を分岐させましょう!🛤️

簡単な選択 🤔

プレイヤーの選択を変数に保存し、ifでそれに応じた処理を行いましょう。

let choice = "left"
if (choice === "left") {
  console.log("You go left into a sunny meadow! 🌼")
}

elseを使った2つの道 🔀

右に進んだ場合はどうでしょう?elseで別の道を処理できます!

let choice = "right"
if (choice === "left") {
  console.log("Sunny meadow! 🌼")
} else {
  console.log("You go right into a spooky cave! 🦇")
}

else ifを使った3つの選択肢 🔢

道がもっと必要ですか?else ifを使えば、3つ目、または4つ目の選択肢を追加できます!

let choice = "up"
if (choice === "left") {
  console.log("Meadow!")
} else if (choice === "up") {
  console.log("You climb a tall mountain! ⛰️")
} else {
  console.log("Cave!")
}

選択がさらに選択を生む 🌳

1つの選択から新しい選択が生まれます!これで物語が木のように広がっていきます。

let path = "cave"
if (path === "cave") {
  console.log("Inside the cave you see two tunnels! 🦇")
  console.log("Type left or right to continue...")
}

アイテムを拾う 🎒

プレイヤーが宝物を拾うか選べるようにしましょう!バッグに追加します。

let bag = []
let choice = "take sword"
if (choice === "take sword") {
  bag.push("sword")
}
console.log("Your bag:", bag)

選択で物語が変わる 📖

選択によって、異なる物語の文章が表示されます。プレイヤーは自分で物語を動かしていると感じられます!

let choice = "open"
if (choice === "open") {
  console.log("The door creaks open... treasure! 💰")
} else {
  console.log("You walk away and miss the gold. 😢")
}

選択関数 🛠️

選択を処理するヘルパーを作りましょう。道が分かれる場所ごとに再利用できます!

function go(direction) {
  if (direction === "north") {
    console.log("You head north to the castle! 🏰")
  } else {
    console.log("You head into the woods. 🌲")
  }
}
go("north")

運がいい?それとも悪い? 🎲

驚きを加えましょう!ランダムなイベントによって、プレイするたびに違う展開になります。

let luck = Math.floor(Math.random() * 2)
if (luck === 1) {
  console.log("You found a hidden coin! 🪙")
} else {
  console.log("Nothing here... keep going. 🚶")
}

選択を記憶する 🧠

プレイヤーが何をしたか物語が覚えていられるように、選択を保存しましょう!

let choices = []
choices.push("went left")
choices.push("took the sword")
console.log("So far you:", choices)

分岐の準備完了! ✅

プレイヤーの選択に応じて物語が分岐し、アイテムを拾い、運による驚きまで起きるようになりました。とてもインタラクティブです!🎮

let choice = "left"
if (choice === "left") {
  console.log("Adventure continues to the left! ➡️")
} else {
  console.log("A new path opens! 🌟")
}

確認クイズ ❓

正しい答えを選びましょう!🧠

選択の達人! 🏅

復習しましょう!次のことを学びました。

  • 🤔ifで選択に応じた処理を行う
  • 🔀elseとelse ifで道を追加する
  • 🎒アイテムをバッグに拾い入れる
  • 🎲ランダムな驚きを追加する

次は、冒険の勝利です!🏆

よくある質問

「選択する」レッスンは無料ですか?

はい。「選択する」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと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に戻る