こんにちは! 開発部の武内です。 Webフロントエンドの開発はここ数年で急激に高度化していますが、 それを大きく後押ししている一因にブラウザ付属の開発ツールがあります。 Chrome、Firefox、Edge、Safariなどに付属していますが、どれも非常に高機能です。 Webフロントエンドエンジニアで使っていない方はいないのではないでしょうか。 グラフィカルなデザイン調整 コードのステップ実行 通信のロギング etc… 今回、Chrome 59のアップデートでCSS/JavaScriptのカバレッジ機能が追加されたので試してみました。 CSS and JS code coverage What’s New In DevTools (Chrome 59) Find unused CSS and JS code with the new Coverage tab. When you load
![Chromeで不要なCSS/JavaScriptを洗い出す](https://cdn-ak-scissors.b.st-hatena.com/image/square/4f67a98ec70345c39bc2b165227006d145ac2467/height=288;version=1;width=512/https%3A%2F%2Fwww.ecomottblog.com%2Fwp-content%2Fuploads%2F2017%2F06%2Fchrome.jpg)