0Pricing
Javascript for Kids · レッスン

絵文字の行

ループを使用します

「絵文字の行」は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フィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. 絵文字を表示する
  2. 絵文字の行
  3. 絵文字の絵
  4. 自分だけのアート
← Javascript for Kidsに戻る