Javascript for Kids · レッスン

物語を埋める

テンプレートを使用します

レッスン 2/413 ステップ

「物語を埋める」は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フィードバックを取得できます。ローカル設定は不要です。

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

  1. 単語を集める
  2. 物語を埋める
  3. 物語を表示する
  4. 自分だけの物語
← Javascript for Kidsに戻る