星の三角形
図形を大きくします
「星の三角形」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン3/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。
成長する形！ 🔺
各行の星が前の行より多くなったらどうなるでしょう？三角形になります！🔺
1行目：*
2行目：**
3行目：***
大きくなっていく形を作りましょう！🌱
秘密のコツ 🪄
コツは、内側のループが外側のカウンターと同じ回数だけ実行されることです！
そのため、行番号が大きくなると、星の数も増えていきます！
for (let r = 1; r <= 4; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '*'
}
console.log(row)
}成長を見てみましょう 🌱
c <= rに注目してください！内側のループは行番号まで実行されます。1行目には星が1つ、2行目には星が2つ、というように増えていきます！
for (let r = 1; r <= 3; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '⭐'
}
console.log(row)
}もっと大きな三角形 🔺
もっと高い三角形にしたいですか？外側のループの実行回数を増やすだけです！
for (let r = 1; r <= 6; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '*'
}
console.log(row)
}小さくなる三角形 🔻
逆にしてみましょう！外側のループを大きい値から始め、下向きに数えると小さくなる三角形を作れます。
for (let r = 4; r >= 1; r--) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '*'
}
console.log(row)
}ハートの三角形 💖
好きな記号を使えます！ハートの三角形を大きくしていきましょう。
for (let r = 1; r <= 5; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '💖'
}
console.log(row)
}数字の三角形 🔢
各行を行番号で埋めましょう！数字のピラミッドです。🔢
for (let r = 1; r <= 5; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + r
}
console.log(row)
}数える三角形 🧮
各行で数を増やしながら埋めましょう！3行目には1 2 3と表示されます。
for (let r = 1; r <= 4; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + c
}
console.log(row)
}クリスマスツリー 🎄
木の三角形は、森が成長しているように見えます！🌲
for (let r = 1; r <= 5; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '🌲'
}
console.log(row)
}スペース付きの三角形 ✨
星の後にスペースを追加して、間隔の広い三角形を作りましょう！
for (let r = 1; r <= 5; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '* '
}
console.log(row)
}大きくしてみましょう 🌟
記号をロケットに変えたり 🚀、7行の高さにしたりしてみましょう！編集して実行してください。
for (let r = 1; r <= 5; r++) {
let row = ''
for (let c = 1; c <= r; c++) {
row = row + '🚀'
}
console.log(row)
}クイックチェック ✅
三角形の理解度チェックです！🧠
星の三角形のまとめ 🎉
形が大きくなっています！🔺 三角形を作るコツを学びました。
- 内側のループを
c <= rにして、行ごとに大きくします - 外側のループを上向きに数えると、成長する三角形になります
- 外側のループを下向きに数えると、小さくなる三角形になります
次は、本物の九九を表示します！✖️
よくある質問
「星の三角形」レッスンは無料ですか？
はい。「星の三角形」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、Javascript for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Javascript for Kidsコースには全4レッスンが含まれています。
「星の三角形」で何を学びますか？
図形を大きくします ブラウザで直接実行するハンズオンコードでJavascript for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。
Javascript for Kidsを始めるのに経験は必要ですか？
事前経験は必要ありません。CoddyKitのJavascript for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/4です。
「星の三角形」レッスンにはどのくらい時間がかかりますか？
ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。
このJavascript for Kidsレッスンでコードを書いて実行できますか？
はい。すべてのJavascript for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。