パターンプリンター
プリンターを作ります
「パターンプリンター」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン4/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。
パターン表示機を作りましょう！ 🖨️
こんにちは、パターンの達人さん！ 🔢 今日はPattern Printerを作ります！ 🖨️
星や数字でできた楽しい形やパターンを表示します！ コードでアートを作りましょう！ 🎨
星を表示しましょう ⭐
簡単なところから始めましょう。星を1つ表示します！ ⭐
パターンとは、このような星をたくさん並べたものです！ 🌟
console.log('*');星の1行表示 ✨
ループを使って星を1行に表示しましょう！ ✨
ループが星を1つずつ、5回表示します！ 🔁
for (let i = 1; i <= 5; i = i + 1) {
console.log('*');
}星を1行に並べましょう 📏
星を横に並べるには、まず文字列を作ります！ 📏
毎回星を1つ追加してから、行全体を表示します！ ➕
let line = '';
for (let i = 1; i <= 5; i = i + 1) {
line = line + '*';
}
console.log(line);大きくなる三角形 🔺
ここからが魔法です！ 大きくなる三角形を作りましょう！ 🔺
1行目には星が1つ、2行目には星が2つ、というように増えていきます！ 📐
for (let row = 1; row <= 5; row = row + 1) {
let line = '';
for (let star = 1; star <= row; star = star + 1) {
line = line + '*';
}
console.log(line);
}ループの中にループ！ 🔁🔁
すごいです！ ループの中に別のループを使いました！ 🔁🔁
外側のループが行を作り、内側のループが各行の星を作ります。チームワークですね！ 🤝
for (let row = 1; row <= 4; row = row + 1) {
let line = '';
for (let s = 1; s <= row; s = s + 1) {
line = line + '⭐';
}
console.log(line);
}数字のピラミッド 🔢
星の代わりに数字を表示しましょう！ 🔢
各行には、その行番号が行番号と同じ回数だけ表示されます！ 楽しいピラミッドですね！ 🏔️
for (let row = 1; row <= 5; row = row + 1) {
let line = '';
for (let n = 1; n <= row; n = n + 1) {
line = line + row;
}
console.log(line);
}数え上げパターン 📈
1、次に1 2、その次に1 2 3というように、数え上げる行を表示しましょう！ 📈
すてきな階段のような形ですね！ 🪜
for (let row = 1; row <= 4; row = row + 1) {
let line = '';
for (let n = 1; n <= row; n = n + 1) {
line = line + n + ' ';
}
console.log(line);
}パターン表示機を作りましょう 🛠️
どんな大きさの三角形でも表示できる機械を作りましょう！ 🛠️
行数を伝えると、三角形を描いてくれます！ 🔺
function printTriangle(size) {
for (let row = 1; row <= size; row = row + 1) {
let line = '';
for (let s = 1; s <= row; s = s + 1) line = line + '*';
console.log(line);
}
}
printTriangle(6);カラフルにしましょう 🌈
絵文字を使って、パターンをカラフルにしましょう！ 🌈
虹色の三角形です！ 絵文字を変えてみましょう！ 🎨
function printTriangle(size) {
for (let row = 1; row <= size; row = row + 1) {
let line = '';
for (let s = 1; s <= row; s = s + 1) line = line + '🌈';
console.log(line);
}
}
printTriangle(5);パターン表示機を作りました！ 🏆
すばらしいです！ 🏆 Number Patternsコースを修了しました！
- ✨ ループで行を作る
- 🔁🔁 ループの中にループを入れると形を作れる
- 🔺 三角形、ピラミッド、階段型のパターン
これであなたもパターンアーティストです！ 🎨
クイックチェック ✅
最後の頭の体操です！ 🧠 三角形を作るには、何を使うでしょうか？
レッスンのまとめ 🎀
やったね、パターンアーティストさん！ 🎀 Number Patternsを修了しました！ 学んだこと：
- ✨ ループで星の行を作る
- 🔁🔁 ネストしたループで形を作る
- 🔺 三角形とピラミッド
- 🌈 絵文字を追加して色を付ける
すばらしい出来です！ 🌟
よくある質問
「パターンプリンター」レッスンは無料ですか？
はい。「パターンプリンター」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと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フィードバックを取得できます。ローカル設定は不要です。