2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【JavaScript】console.log()に色をつけることができるらしい

Last updated at Posted at 2024-03-19

はじめに

先輩から教わった、小ネタ的なものですが個人的に面白いと感じたのでその備忘録。

本文

親の顔より見てきたconsole.log()です。
とりあえず簡単なサンプルコードを以下に。

console.log('コンソールに出力されるよ');

__.PNG

期待通りの結果ですね。
上記のconsole.log()に色付けをしていきます。

console.log('%c コンソールに出力されるよ', 'color: red;');

___.PNG

コンソールの文字を赤文字で出力することができましたね。
もちろん他の色に変更することも可能です。

さらに以下のようにすれば、背景色をつけることもできるらしい。

console.log('%c コンソールに出力されるよ', 'background-color: #00ff7f; color: red;');

__.PNG

まとめ

後から調べてみると、割とたくさんの記事が散見されました。
まだまだ勉強不足だと思えたので、自分が諸学者の頃にあった小さいことにでも疑問や楽しみを見出すことを改めて大切にしてきたいと思います。

2
1
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?