0Pricing
Javascript for Kids · レッスン

物語を表示する

結果を表示します

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

物語を披露しましょう! 🎬

こんにちは、スターさん! 🌟 単語を集めて、テンプレートに入れました。 📖

いよいよ発表の時間です! 🎬 楽しい方法で面白い結果を披露しましょう!

console.logで表示 🖨️

console.logは、画面に単語を表示する方法です! 🖨️

物語のための小さなプリンターのようなものです。 😄

let name = 'Zoey';
console.log('Starring: ' + name + '! 🌟');

物語のタイトル 📛

すばらしい物語には、必ずタイトルがあります! 📛

物語が始まる前に、すてきなタイトルを表示してみましょう。 ✨

let hero = 'Max';
console.log('=== The Tale of ' + hero + ' ===');

物語全体を表示 📜

では、空欄を埋めた物語全体を表示してみましょう! 📜

いよいよお披露目です! 🎉

let name = 'Luna';
let animal = 'dragon';
let place = 'cave';
console.log(name + ' met a ' + animal + ' inside a dark ' + place + '!');

何行にもわたる物語 📰

長い物語は、何行かに分けると見やすくなります! 📰

それぞれのconsole.logで新しい行が表示されます。 📄

let name = 'Theo';
let food = 'pancakes';
console.log('Once upon a time...');
console.log(name + ' loved eating ' + food + '.');
console.log('The End! 🎬');

楽しい絵文字を追加 🎉

絵文字を使うと、物語がもっと面白く楽しくなります! 🎉

絵文字をちりばめて、物語に命を吹き込みましょう! 🦄

let animal = 'unicorn';
let place = 'rainbow';
console.log('🦄 The ' + animal + ' slid down the ' + place + '! 🌈');

すてきな枠 🖼️

楽しい枠で物語を囲んでみましょう! 🖼️

枠を付けると、物語が本物の本のページのように見えます。 📚

let name = 'Mia';
console.log('********************');
console.log('  ' + name + ' the Brave!');
console.log('********************');

面白い物語全体を表示 🤣

タイトルと絵文字を付けた、面白い物語全体を披露しましょう! 🤣

これこそ、Story Makerが作り出すものです! 🎊

let name = 'Captain Sam';
let animal = 'penguin';
let food = 'tacos';
console.log('🎬 ' + name + ' and the Magic ' + animal);
console.log(name + ' fed ' + food + ' to a ' + animal + '!');
console.log('Everyone cheered! 🎉');

表示する関数 🤖

物語を表示する小さな機械(関数)を作ってみましょう! 🤖

単語を渡すと、物語全体を表示してくれます! 🎬

function showStory(name, animal) {
  console.log('🌟 ' + name + ' found a ' + animal + '!');
  console.log('They became best friends. ❤️');
}
showStory('Zoey', 'fox');

2つの物語を表示しましょう! 📚

この機械を使えば、好きなだけ物語を表示できます! 📚

違う単語を渡して、もう一度呼び出すだけです! 🔁

function showStory(name, animal) {
  console.log('🌟 ' + name + ' rode a ' + animal + '! 🎉');
}
showStory('Max', 'dragon');
showStory('Luna', 'whale');

物語を表示できました! 🏆

すばらしい出来です、物語の語り手さん! 🏆 次のことを学びました。

  • 🖨️ console.logで単語を表示する
  • 📛 タイトルと🖼️枠を追加する
  • 🤖 関数を使って物語全体を表示する

次のレッスン:自分の物語のテンプレートを作りましょう! ✏️

クイックチェック ✅

頭の体操です! 🧠 物語を画面に表示するには、どのコマンドを使いますか?

レッスンの振り返り 🎀

とてもよくできました、披露の達人さん! 🎀 今日学んだこと:

  • 🖨️ console.logで物語を表示する
  • 📛 タイトルと🖼️枠を付けると見栄えがよくなる
  • 🤖 関数で物語全体を表示できる

次は、自分だけの物語を作りましょう! ✏️

よくある質問

「物語を表示する」レッスンは無料ですか?

はい。「物語を表示する」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと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フィードバックを取得できます。ローカル設定は不要です。

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

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