ImageOptim開発者ならフル解像度の画像を受け取るケースが多いと思います。ビルドプロセスでデバイスに合わせた解像度の最適化ができるのがもちろん良いのですが、ちょっとだけ試したい場合もありますよね。最新のツールもサポートしています。抜き出すことができる拡張機能です。あるページにとても素敵なボタンがあって、それがどうやって作られているのか知りたいと思ったとします。抜き出してくれる、というわけです。ような別サーバーへの送信機能もサポートされています。変更点を監視、ブラウズ、フィルタすることができる拡張機能です。変更に対して行うことができます。コンテントが追加されたのか、スタイルやテキストコンテントが追加されたのか、確認したり、フィルターすることもできます。これによりデバッグが非常に簡単になります。戻ってくる、というワークフローはとても便利です。Suspenderこれはある意味私の生活を変えた拡張機能です。チームが消費メモリーの最適化に取り組んでいることはご存知と思います。作業は順調に進んでいるようですが、そうしている間にも、私のようにタブを大量に使う人間にとっては、これらのタブを消す必要があります。フットプリントを削減してくれるツールです。表示する必要のないページを見せないことでメモリーの消費を抑えてくれるものです。バッテリーにも優しい。この拡張機能に何より感謝しているのは、そういったタブに自分が滅多に戻らないということを教えてくれたことです。ページを開いても、実際に自分がそこに戻ることは非常に少ないということに気付かせてくれました。チームの同僚がおすすめしてくれた拡張機能です。あるページを開いていて、何かのサイズを測りたい場合は、クリックしてエリアを選択するだけ。画面下部にバーが表示されて、幅や高さ、上下左右位置といった様々なサイズ情報を教えてくれます。ガイドを表示するかも選ぶことができます。全二回のインタビューの前編として、今回はツール編をお届けしました。後編は開発環境編として、エディタやプラグイン、シェルについてのインタビューをお届けします。デザインパターンの執筆者としてご存知の方も多いかもしれません。いったオープンソースプロジェクトに携わってきました。いうビデオシリーズも公開しています。今回はそんな彼が普段使っているツール類についてインタビューしましたのでご紹介します。みなさんの開発環境の参考にして下さい。