以下にシンプルで簡単な方法と多くのコード例を示します。
- 文字列のカラーフォント: console.logメソッドには、CSSスタイルを指定するためのパラメータを追加することができます。以下のように、%cパラメータを使用してスタイルを適用します。
console.log('%cThis is a colored message', 'color: blue; font-weight: bold;');上記の例では、メッセージが青い色で太字に表示されます。
- 変数とカラーフォント: 変数の値をカラーフォントで表示するには、テンプレートリテラルを使用します。以下は例です。
const name = 'John';
console.log(`%cHello, ${name}!`, 'color: green;');上記の例では、名前が緑色で表示されます。
- エラーメッセージのカラーフォント: エラーメッセージをカラーフォントで表示することもできます。以下は例です。
console.log('%cError: Something went wrong', 'color: red; font-weight: bold;');上記の例では、エラーメッセージが赤色で太字に表示されます。
これらはJavaScriptでカラーフォントを使用したconsole.logの基本的な方法です。さまざまなスタイルやカラーを試して、メッセージを目立たせることができます。デバッグやログ出力の際に便利なテクニックです。