[生産性向上]おすすめのChromeの拡張ツール


新卒で1年ほどエンジニアをやって来ましたが、「プログラミングができる」ことよりも、「より早く(生産性高く)」「問題解決するための方法」を身につける方が圧倒的に大切だと感じています。
今回は自身が「生産性を高めるため」に役立った考え方・知識・スキルの一つである、「便利なChrome拡張ツール」についてまとめました。

JSON Formatter

Webブラウザ上に表示されるJSONを整形してくれます。
[おすすめポイント]
①JSONをいちいちコピペしなくてもワンクリックできれいになる。
②keyとvalueを色分けしてくれるので見やすい。
chrome ウェブストア:JSON Formatter

Weblioポップアップ英和辞典

Webサイトの英単語を任意のタイミングで翻訳して表示してくれます。
[おすすめポイント]
①コピペせずにその場で翻訳してくれる。
②翻訳したいタイミングを自由度高く設定できる。
③分からなかった単語を単語帳に即追加できる。
chrome ウェブストア:Weblioポップアップ英和辞典

Awesome Screenshot

Web画面をスクショしたり録画したりできる。
[おすすめポイント]
①キャプチャした後そのキャプチャ画像に対してコメントを書くことができる。
②スクロールが必要な範囲をキャプチャしたい場合でも、ワンクリックで一つのファイルに保存できる。
chrome ウェブストア:Awesome Screenshot

おまけ

Wappalyzer

今見ているウェブサイトがどんな技術で書かれているか見ることができる。
[おすすめポイント]
①興味本位でいろんなサイトを覗いてみると楽しい。
chrome ウェブストア:Wappalyzer

DevTools Theme: Zero Dark Matrix

デベロッパーツールの配色を暗めにすることができる。
[おすすめポイント]
①目に優しい色合いになる。
②普段使ってるエディタと色が揃っててなんかいい。
chrome ウェブストア:DevTools Theme: Zero Dark Matrix

Momentum

Chromeを初めに開いたときに表示される画面をカスタマイズできる
[おすすめポイント]
①日替わりでオシャレな画像と気の利いたポエムを表示してくれる。
②画面共有中に急遽共有するサイトを新たに準備しなければいけない場合、「新しいタブ」をクリックすると、この画面が表示される。共有するサイトを準備しながらこの画面についての雑談を挟むことができるため、会話に困る相手でも間を持たせられる。
chrome ウェブストア:Momentum

最後に

ここまで読んでいただきありがとうございます!
他に便利なものを見つけ次第追記予定です。
みなさんからもこの他におすすめの拡張ツール・面白い拡張ツールがあれば、コメントで教えていただけるとありがたいです。