こんにちは、フロントエンドエンジニアのあつこです(ΦωΦ) 春ですね！新年度ですね！一年が過ぎるのがどんどん早くなっていく気がします… 今回はStyleStatsというツールを使ってCSSの健康チェックをしたいと思います。 それだけではつまらないので、＋αとして健康状態のデータを継続的にJSONファイルに溜めるようにしてみましょう。 ついでに出てきたファイルを使ってD3.jsでグラフを書きます。 もくじ StyleStatsってなに？ 使ってみる ファイルに吐き出してみよう おまけ：D3.jsでグラフをつくろう まとめ StyleStatsってなに？ CSSとは実は非常に脆いものです。 複数人での開発や、大規模案件など、CSSは常に汚染の危機に晒されています。 似たような色をいくつも使っていたり、!importantが乱発されていたり、Sassのネストが深すぎてセレクタ祭だったり…… 考え