第8回：プログラムの裏側を覗き見！console.log の使い方

みなさん、こんにちは！プログラミングの世界へようこそ！今日も一緒に、ワクワクするような冒険を始めましょう！

さて、これまでの講座で「変数」を使ってデータを保存する方法を学びましたね。でも、ここで一つ疑問が浮かびませんか？「プログラムの中で、今どんなデータが動いているのか、目で見ることができたらいいのに！」と。

実は、そんな夢のような魔法のコマンドがあるんです！それが今回紹介する「console.log（コンソール・ログ）」です！これを使えば、プログラムの裏側で何が起きているのか、まるで透視するかのように覗き見できちゃいます。準備はいいですか？さあ、キーボードを叩いていきましょう！

ステップ1：魔法のコマンド「console.log」を召喚しよう！

まずは、ブラウザの「開発者ツール」を開いてみてください。（WindowsならF12キー、MacならCommand + Option + I です！）そこにある「Console（コンソール）」というタブをクリックしましょう。ここが、あなたのプログラムの「のぞき穴」になります。

では、さっそく以下のコードを書いて、エンターキーを押してみてください！

console.log(“こんにちは！プログラムの裏側へようこそ！”);

どうですか？コンソール画面にメッセージが表示されましたね！これが第一歩です！

次は、もっと面白いことをしましょう。変数を中に入れて、その中身を覗いてみます。以下のコードを打ち込んでみてください。

let myName = “プログラミング初心者”;
let myAge = 20;
console.log(“名前は:”, myName);
console.log(“年齢は:”, myAge);

エンターを押すと、画面には何も映らないけれど、コンソールにはしっかり「プログラミング初心者」「20」と表示されましたよね！これが重要なんです！

プログラムがうまく動かないとき、この「console.log」を使えば、「あれ？変数の中身が空っぽだぞ？」「数字じゃなくて文字が入っちゃってる！」なんていうエラーの原因を、一瞬で見つけ出すことができるんです。まさに名探偵の虫眼鏡のようなツールですね！

お疲れ様でした！「console.log」の使い方、マスターできましたね！

今日から、何かを作っている最中に「あれ、これどうなってるの？」と思ったら、迷わず console.log() を書いてみてください。画面の向こう側で起きていることがわかると、プログラミングは100倍楽しくなります。自分の書いたコードが、生きたデータとして動いていることを実感できるはずです！

次回は、このデータを「条件」によって使い分ける、もっとエキサイティングなテクニックを教えますよ！プログラミングの面白さは、ここからが本番です。それでは、また次回の講座でお会いしましょう！あなたの成長を全力で応援しています！