絵文字の行
ループを使用します
「絵文字の行」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン2/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。
絵文字の列! 🔁
おかえりなさい、絵文字アーティストさん! 🌟 前回は絵文字を1つずつ表示しました。 😄
今日はループを使って絵文字を繰り返し、列を作ります! 🔁 とても楽しいですよ!
ループとは? 🔄
ループは、同じ動作を何度も繰り返してくれるので、何度も入力する必要がありません! 🔄
たくさんの絵文字を表示するのにぴったりです! 🎉
for (let i = 0; i < 3; i++) {
console.log('🎈');
}ループで数える 🔢
ループは0からある数まで数えます。 🔢
i < 5は、5回繰り返すという意味です。星を5つ表示してみましょう! ⭐
for (let i = 0; i < 5; i++) {
console.log('⭐');
}列を作る ➡️
1行に1つずつ表示する代わりに、ボックスの中で列を作ってみましょう! ➡️
ループのたびに絵文字を追加して、最後に表示します。 🪄
let row = '';
for (let i = 0; i < 5; i++) {
row = row + '🍎';
}
console.log(row);もっと長い列 📏
絵文字をもっと増やしたいですか? 数を変えるだけです! 📏
魚を10匹並べてみましょう! 🐠
let row = '';
for (let i = 0; i < 10; i++) {
row = row + '🐠';
}
console.log(row);間隔を空けた列 〰️
絵文字の間にスペースを入れて、間隔を空けましょう! 〰️
列が見やすくなります。 👀
let row = '';
for (let i = 0; i < 6; i++) {
row = row + '🌸 ';
}
console.log(row);複数の列 📚
もう一度ループして、複数の列を表示しましょう! 📚
ループするたびに、絵文字の新しい行ができます。 🎊
for (let i = 0; i < 3; i++) {
console.log('🐶🐶🐶🐶');
}絵文字カウンター 🔢
ループの番号をメッセージの一部にすることもできます! 🔢
何番目の星を表示しているか示してみましょう。 ⭐
for (let i = 1; i <= 4; i++) {
console.log('Star number ' + i + ' ⭐');
}列を作る機械 🤖
どんな絵文字の列でも作れる関数を作ってみましょう! 🤖
絵文字と個数を伝えれば、あとは関数がやってくれます! 🎉
function emojiRow(emoji, count) {
let row = '';
for (let i = 0; i < count; i++) {
row = row + emoji;
}
console.log(row);
}
emojiRow('🍕', 6);列を作る機械を使う 🎛️
これで、いろいろな列を簡単に作れます! 🎛️
違う絵文字と数を指定して、機械を呼び出すだけです! 🤩
function emojiRow(emoji, count) {
let row = '';
for (let i = 0; i < count; i++) {
row = row + emoji;
}
console.log(row);
}
emojiRow('🌟', 8);
emojiRow('🐝', 4);絵文字の列を作りました! 🏆
すばらしい出来です! 🏆 次のことを学びました。
- 🔁 ループを使って繰り返す
- ➡️ 絵文字を追加して列を作る
- 🤖 関数で列を作る機械を作る
次のレッスン:絵文字の絵を描きましょう! 🖼️
クイックチェック ✅
頭の体操です! 🧠 ループを使うと、絵文字で何ができますか?
レッスンの振り返り 🎀
とてもよくできました、ループの達人さん! 🎀 今日学んだこと:
- 🔁 ループが代わりに繰り返してくれる
- ➡️ 絵文字を追加して列を作る
- 🤖 関数でどんな列でも作れる
次は、絵文字の絵を作りましょう! 🖼️
よくある質問
「絵文字の行」レッスンは無料ですか?
はい。「絵文字の行」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと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フィードバックを取得できます。ローカル設定は不要です。