選択する
物語を分岐させます
「選択する」は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フィードバックを取得できます。ローカル設定は不要です。