【JavaScript】consoleオブジェクトでエラーコンソールにメッセージを出力する方法

JavaScriptでブラウザの開発者ツール（コンソール）にメッセージを出力するには、consoleオブジェクトを使用します。用途に応じて複数の出力メソッドが用意されており、それぞれ表示スタイルが異なります。

主な出力メソッドの種類

1. エラーメッセージ（赤色で表示）

エラーとして強調したいメッセージは、赤色で表示されるconsole.error()を使います。

console.error(message);

2. 通常のログ出力

デフォルトの形式でメッセージを表示するには、最も一般的なconsole.log()を使用します。

console.log(message);

3. 警告メッセージ（黄色で表示）

警告として目立たせたい場合は、黄色いアイコン付きで表示されるconsole.warn()が便利です。

console.warn(message);

4. 情報メッセージ

参考情報を出力する場合は、情報アイコンとともに表示されるconsole.info()を使います。

console.info(message);

応用的な使い方

CSSでログの見た目をカスタマイズする

%c指定子を使うと、出力するメッセージにCSSスタイルを適用できます。以下の例では、緑背景・白文字のスタイルでメッセージが表示されます。

console.log('%c カスタムメッセージ！', 'background: green; color: white;');

変数の値を整形して出力する

%dなどのフォーマット指定子を使えば、変数の値を読みやすい形で出力できます。例として、変数名が「num」の場合は次のように記述します。

console.error('num=%d', num);

まとめ

デバッグ時にはconsole.log()だけでなく、エラー・警告・情報など目的に応じたメソッドを使い分けることで、コンソールの可読性が大きく向上します。さらに詳しい仕様については、各ブラウザが提供しているConsole APIリファレンスを参照してください。