表か裏か
コインをランダムに投げます
「表か裏か」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン1/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。
Coin Flipへようこそ！🪙
こんにちは、コーダーの皆さん！👋 今日はCoin Flip Gameを作ります！🪙
本物のコインを投げると、HeadsかTailsのどちらかが出ます。どちらが出るかは誰にも分かりません。それが楽しいところです！🎉
コンピューターにもコインを投げさせてみましょう！
ランダムとは？🎲
コイン投げはランダムです。ランダムとは、答えを確実には予測できないという意味です。🤷
JavaScriptには、Math.random()という特別なヘルパーがあります。これは0から1の間の、予想できない数を返します。🎲
どんな値が返るか見てみましょう！
console.log(Math.random());
console.log(Math.random());
console.log(Math.random());小さな数🔢
これらの数が見えましたか？0.3829のように、とても小さくて小数点以下の数字がたくさんありました。😮
実行するたびに、毎回違う数が得られます。コンピューターが見えないサイコロを振ってくれているようですね！🎲
let surprise = Math.random();
console.log('My surprise number is: ' + surprise);半分未満？✂️
コインには2つの面があります。そこで、数を2つのグループに分ける必要があります！✂️
0と1の真ん中は0.5（2分の1）です。そこで、数が0.5未満かどうかを調べてみましょう。🤔
let number = Math.random();
console.log('Number: ' + number);
console.log('Is it less than 0.5? ' + (number < 0.5));HeadsかTailsか決める時間です！🎯
ここからが魔法です！数が0.5未満ならHeadsとします。そうでなければTailsとします！🎯
この選択にはifとelseを使います。
let number = Math.random();
if (number < 0.5) {
console.log('Heads! 🙂');
} else {
console.log('Tails! 🪙');
}もう一度実行しましょう！🔁
Runを何回かクリックしてみてください！🔁
Headsになることもあれば、Tailsになることもあります。本物のコインと同じですね！🪙
コンピューターは実行するたびに私たちを驚かせてくれます。😄
let number = Math.random();
if (number < 0.5) {
console.log('Heads! 🙂');
} else {
console.log('Tails! 🪙');
}結果を保存する📦
答えを、変数という箱に入れて保存しましょう。📦
変数にresultという名前を付け、その中に'Heads'または'Tails'を入れます。
let number = Math.random();
let result;
if (number < 0.5) {
result = 'Heads';
} else {
result = 'Tails';
}
console.log('The coin shows: ' + result);コインを投げる関数🛠️
ゲームでは何度もコインを投げます。そこで、繰り返し使える関数を作りましょう！🛠️
関数は小さな機械のようなものです。flipCoin()を呼び出すと、結果を返してくれます！🤖
function flipCoin() {
if (Math.random() < 0.5) {
return 'Heads';
} else {
return 'Tails';
}
}
console.log(flipCoin());そのマシンを使う🤖
コインを投げるマシンができたので、何度でも繰り返し使えます！🤖
flipCoin()を続けて3回呼び出す方法を見てみましょう！🪙🪙🪙
function flipCoin() {
if (Math.random() < 0.5) {
return 'Heads';
} else {
return 'Tails';
}
}
console.log('Flip 1: ' + flipCoin());
console.log('Flip 2: ' + flipCoin());
console.log('Flip 3: ' + flipCoin());見た目を楽しくする✨
コインの面を表す楽しい絵文字を追加しましょう！✨
ゲームをもっと盛り上げるために、楽しいメッセージも追加します。🎉
function flipCoin() {
if (Math.random() < 0.5) {
return 'Heads 🙂';
} else {
return 'Tails 🪙';
}
}
console.log('Flipping the coin... 🌀');
console.log('It landed on: ' + flipCoin());コインゲームを完成させました！🏆
すばらしい出来です！🏆 Math.random()を使って、コンピューターにコインを投げさせることができました！
- 🎲 ランダムに予想できない数が得られます
- ✂️ 0.5を境に分けます
- 🪙 0.5未満ならHeads、そうでなければTailsです
次は、プレイヤーにコインの面を予想させます！🤔
クイックチェック ✅
頭の体操をしてみましょう！🧠 Math.random()は何を返しますか？
レッスンの振り返り 🎀
今日はよくできました！🎀 学んだことを振り返りましょう。
- 🎲
Math.random()はランダムな数を作ります - ✂️ その数を0.5と比較します
- 🪙
ifとelseでHeadsかTailsを選びます - 🛠️
flipCoin()関数を使うとコードを再利用できます
次のレッスンでお会いしましょう、コインマスター！👋
よくある質問
「表か裏か」レッスンは無料ですか？
はい。「表か裏か」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと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フィードバックを取得できます。ローカル設定は不要です。