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