0Pricing
Javascript for Kids · レッスン

ループでパターンを描く

楽しい図形やパターンを表示します。

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

ループで描く 🎨

パターン画家さん、こんにちは！ 🌟 ループを使うと、星や図形で絵を描けます！

一緒にすてきなパターンを作ってみましょう。 ⭐

for (let i = 0; i < 3; i++) {
  console.log("*")
}

星の列 ⭐

星を下に向かって並べて表示してみましょう！

ループするたびに星が1つ増えます。 🌟

for (let i = 0; i < 5; i++) {
  console.log("*")
}

星を1列に並べる ➖

箱に星を追加して、列を作ることができます！

ループするたびに、列に * がもう1つ追加されます。 🪄

let line = ""
for (let i = 0; i < 5; i++) {
  line = line + "*"
}
console.log(line)

言葉を作る 🧱

星を1つずつ追加して、列を長くしていきます！

繰り返すたびに列が伸びる様子を見てみましょう。 📈

let line = ""
for (let i = 0; i < 4; i++) {
  line = line + "*"
  console.log(line)
}

大きくなる三角形 🔺

伸びていく列を表示すると、三角形を作れます！

星が1つ、星が2つ、星が3つ…… 🔺

let line = ""
for (let i = 0; i < 5; i++) {
  line = line + "*"
  console.log(line)
}

星の代わりにハート 💖

どんな記号でも使えます！ ハートの三角形を作ってみましょう。

とてもかわいいですね。 💕

let line = ""
for (let i = 0; i < 4; i++) {
  line = line + "💖"
  console.log(line)
}

星の箱 🟦

星が3つずつある行を3行表示してみましょう！

小さな四角形になります。 ⬛

for (let i = 0; i < 3; i++) {
  console.log("***")
}

数のパターン 🔢

数字のパターンも作れます！

各行にループの番号が表示されます。 🪜

for (let i = 1; i <= 5; i++) {
  console.log("Row " + i)
}

はしごのパターン 🪜

毎回スペースと記号を追加すると、はしごを作れます！

上へ登っていきます！ 🧗

let line = ""
for (let i = 0; i < 4; i++) {
  line = line + "= "
  console.log(line)
}

虹色の点 🌈

色とりどりの点を1列に並べてみましょう！

数字を変えて、列を長くしてみてください。 🔴🟠🟡

let dots = ""
for (let i = 0; i < 6; i++) {
  dots = dots + "🔴"
}
console.log(dots)

自分だけのパターン 🧒

記号と数字を変えて、自分だけのパターンを描いてみましょう！

自由に工夫してみてください！ 🎨

let line = ""
for (let i = 0; i < 5; i++) {
  line = line + "⭐"
  console.log(line)
}

クイックチェック ✅

パターンの問題です！ すごいですね！ 🎨

パターン画家！ 🏆

すばらしいです！ 🎉 今日学んだこと：

  • ループでパターンを描ける
  • 箱に記号を追加すると、列を伸ばせる
  • ループごとに列を表示すると、三角形のような図形を作れる

Loop-de-Loop! を修了しました！ パターンの達人です！ ⭐

for (let i = 0; i < 1; i++) {
  console.log("I can draw with loops! 🎨")
}

よくある質問

「ループでパターンを描く」レッスンは無料ですか？

はい。「ループでパターンを描く」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Javascript for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Javascript for Kidsコースには全4レッスンが含まれています。

「ループでパターンを描く」で何を学びますか？

楽しい図形やパターンを表示します。 ブラウザで直接実行するハンズオンコードでJavascript for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Javascript for Kidsを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのJavascript for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン4/4です。

「ループでパターンを描く」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このJavascript for Kidsレッスンでコードを書いて実行できますか？

はい。すべてのJavascript for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

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

  1. ループを使う理由
  2. for ループで数える
  3. while で繰り返す
  4. ループでパターンを描く
← Javascript for Kidsに戻る