コース: WebデザイナーのためのjQuery 実践講座

今すぐコースを受講しましょう

今すぐ登録して、23,200件以上登録されている、業界エキスパート指導のコースを受講しましょう。

コンソールにログを出力してみよう

コンソールにログを出力してみよう - jQueryのチュートリアル

コース: WebデザイナーのためのjQuery 実践講座

コンソールにログを出力してみよう

このレッスンでは クロームブラウザの デベロッパーツールを使って― コンソールにログを出力する 方法について解説していきます まずは ダウンロードしてきた こちらの console ― というフォルダーの中に入っている― こちらの index.html ファイルと― この js フォルダーの 中に入っている― この javascript.js ファイルをエディッターで開いてください そして これがそれらのファイルを 開いた状態です これらのファイルを使って今回のレッスンの 解説を進めていきたいと思います それでは 早速レッスンを始めていきましょう JavaScript には主に 動作確認を行うための― console.log という 命令があります この命令を使うことによって 各ブラウザに搭載されている― デベロッパーツールなどといった物に対して メッセージや変数の内容などといった物を― 表示させることができます それでは その console.log― という命令の使い方について みていきたいと思います では こちらの javascript.js ファイルを― エディッターで開きます すると このような画面が出てきましたね この画面の中の ちょうど こちらの部分が console.log― の命令となっています まず 上から順番に見ていきます こちらの部分ですね こちらの部分で console.log と書いてー 括弧 括弧閉じるの セミコロン そして この括弧の中 この括弧の中は引数と呼びますが― そこに表示させたいメッセージを 記入しています 今回は Hello jQuery! と 書いていますね 次に こちらの下の部分を見てみましょう こちらの下の部分では 変数の値を console.log の命令で― 表示させるサンプルとなります まず 変数を定義しています var と書いて message と書きます そして = そして こんにちはと書いて― 最後 こちらの部分で セミコロンを書いて文章を閉じます こうすることによって 名前が message という変数に対して― こんにちは という文字列を代入しています そして 次の文章で先ほどと同じように console.log と書いて― その引き数にこの変数 message を入れています こうすることによって…

目次