物語を埋める
テンプレートを使用します
「物語を埋める」はCoddyKit上の無料Javascript for Kidsレッスンです。 これはレッスン2/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはJavascript for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Javascript for Kidsコースには全4レッスンが含まれています。
物語を埋める時間です!📖
物語作りに戻ってきましたね!🌟 前回は、おかしな言葉を箱(変数)に集めました。📦
今日はその言葉を物語のテンプレートに入れて、面白いものを作ります!😂
テンプレートとは?🧩
テンプレートとは、空欄のある文のことです。🧩
たとえば、___が___へ走りました。のような文です。空欄を言葉で埋めます!✏️
let animal = 'cat';
console.log('The ' + animal + ' ran very fast!');言葉と文章をつなげる ➕
+記号を使うと、単語やテキストをつなげられます! ➕
これは連結(または「コンカテネーション」という少し難しい言葉)と呼ばれます。 🪄
let name = 'Zoey';
console.log('Hello, my name is ' + name + '!');1つの文に2つの空欄 ✏️✏️
物語には空欄が1つ以上あることもあります! 2つを一度に埋めてみましょう。 ✏️✏️
それぞれの単語が自分の場所に入っていく様子を見てみましょう。 😄
let animal = 'frog';
let place = 'pond';
console.log('The ' + animal + ' jumped into the ' + place + '!');もっと大きなテンプレート 📜
空欄がたくさんある、もっと長い物語を作ってみましょう! 📜
単語を追加するほど、物語はどんどん面白くなります! 🤪
let name = 'Max';
let animal = 'dragon';
let food = 'tacos';
console.log(name + ' rode a ' + animal + ' while eating ' + food + '!');説明する言葉を追加 🌈
形容詞を使うと、物語が生き生きします! 🌈 テンプレートに1つ入れてみましょう。
普通のドラゴンよりも、きらきらしたドラゴンのほうがずっと楽しいですね! ✨
let adjective = 'sparkly';
let animal = 'dragon';
console.log('Look! A ' + adjective + ' ' + animal + ' flew by!');物語の中の動作を表す言葉 🏃
動詞を使うと、物語に動きが加わります! 🏃
動作を表す言葉を文の中に入れてみましょう。 💃
let name = 'Luna';
let verb = 'danced';
let place = 'kitchen';
console.log(name + ' ' + verb + ' all around the ' + place + '!');2行の物語 📰
物語は1行だけとは限りません! 📰
同じ単語を使った2つの文を表示してみましょう。 😎
let hero = 'Captain Sam';
let animal = 'penguin';
console.log(hero + ' found a tiny ' + animal + '.');
console.log('Then ' + hero + ' and the ' + animal + ' became best friends!');集めた言葉で埋める 🎒
集めた単語を覚えていますか? それらを使って物語全体を埋めてみましょう! 🎒
すべてのボックスを使います。 🎉
let person = 'Mia';
let adjective = 'wobbly';
let animal = 'robot';
let place = 'school';
console.log(person + ' built a ' + adjective + ' ' + animal + ' for ' + place + '!');とても面白い物語 🤣
すべてを1つにまとめて、大きくて面白い物語にしましょう! 🤣
これがStory Makerの中心となる部分です! ❤️
let name = 'Theo';
let animal = 'unicorn';
let food = 'spaghetti';
let place = 'castle';
let sound = 'WHEEE';
console.log(name + ' rode a ' + animal + ' to the ' + place + '.');
console.log('They ate ' + food + ' and yelled ' + sound + '!');物語を完成させました! 🏆
すばらしい出来です! 🏆 次のことを学びました。
- 🧩 空欄のあるテンプレートを使う
- ➕
+で単語やテキストをつなぐ - 📜 たくさんの空欄を埋めて面白い物語を作る
次のレッスン:面白い物語を披露しましょう! 🎬
クイックチェック ✅
頭の体操です! 🧠 単語やテキストをつなぐには、どの記号を使いますか?
レッスンの振り返り 🎀
とてもよくできました、物語の作り手さん! 🎀 今日学んだこと:
- 🧩 テンプレートには埋める空欄がある
- ➕
+を使って単語やテキストをつなぐ - 📜 空欄が多いほど、物語は面白くなる
次は、面白い結果を披露しましょう! 🎬
AI チューターと学ぶ JavaScript — 無料
ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。
- コース
- 35
- レッスン
- 140
よくある質問
「物語を埋める」レッスンは無料ですか?
はい。「物語を埋める」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと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フィードバックを取得できます。ローカル設定は不要です。