CLog.js - コンソールログをカラフルに
Google ChromeのDevToolsではコンソールに文字を出力する際にinfo/log/errorなどで指定できます。それによって文字の色が変わるのですが、情報の意味も指定されてしまうのが難点です(特にエラー)。 単に文字色を変えるだけであればCLog.jsを使ってみましょう。コンソールに出る文字色が変わるとぐっと見やすくなるはずです。
CLog.jsの使い方
インストールはnpmまたはBowerが使えます。
npm install clog_js
bower install clog
次にCLogオブジェクトを作ります。
var options = {
    group: false,
    colors: {
        log: "#31f095",
        home: "#e86024",
        error: "#e22f2f",
        network: "#08bce9",
    }
}
var clog = new CLog(options);
後はclogを指定してログを出力するだけです。
clog.log('log', 'String log', 12345, 'Another String', { id: '1234'}, ['a','b', 'c'], true, false);
色を直接指定もできます。
clog.log('#52361f', parameters...);

CLog.jsを使えばコンソールのデバッグメッセージがカラフルになり、特に目立たせたい情報などが分かるようになります。特にグルーピングしておくことで関連するメッセージをすぐに見つけられるのではないでしょうか。
CLog.jsはnode/JavaScript製のオープンソース・ソフトウェア(MIT License)です。
CVarisco/CLog.js: Small Javascript library to color and organize your console.log in Google Chrome !
