[JavaScript]コンソールで色を簡単につける『colo』使ってみた

中規模な開発になってくるとたくさんconsoleに出力しますよね。色分けしてると見やすくなるんじゃないかなと思います。面白そうなのでメモ。

coloってなに

ブラウザのコンソールありますよね。Chromeだとcommand + option + jで表示できるアレです。そのコンソールの文字に色づけできるモジュールです。@yosuke_furukawa san が作成しました。gitとブログは以下。

• git
  • colo
• ブログ
  • consoleを簡単に色付けするモジュールのcoloを作った

もともとはnodeのために作られていたのをブラウザでも使えるようにしてくださったようです。

サンプル

開いたらコンソール表示してみてね

仕組み

console.log("%c"+"テスト", "color: red;")
という感じで、第二引数でCSSを指定するとできます。
この機能を応用して作成したのがcoloです。