皆さん、こんにちは。どんぶラッコです。
今回は、エンジニアであればマストでインストールするべきプラグインを3つご紹介します。
これを機会にChromeをカスタマイズしちゃいましょう!!
サイトの技術構成が丸裸! – Wappalyzer
皆さん、Wappalyzerというプラグインをご存知でしょうか?
このプラグインはエンジニアならば必ずインストールしておくべきプラグインです。
どういうことかというと、このようにサイトでどのような技術が使われているのか、丸裸になってしまう恐ろしいプラグインです。
![](https://i1.wp.com/blog.proglearn.com/wp-content/uploads/2020/03/image-8.png?fit=1024%2C425&ssl=1)
Qiitaは Ruby on Rails ベースで作成されているんだな〜 ということがわかりますね!
カラーコードを簡単取得 – ColorPick Eyedropper
これは、サイトで気になる部分があったら、そこをクリックすることでカラーコードをピックアップすることができるツールです。
![](https://i.gyazo.com/c95e0966f41c9c57ed386381cdebcee8.gif)
JSONの見た目が綺麗に! – JSON View
JSONをWebブラウザで表示した時に、カラーリングなどをしてくれる便利ツールです。
例えば、JSONを返してくれるモックサーバーを使って検証してみましょう。
https://jsonplaceholder.typicode.com/posts
プラグインを入れる前は
![](https://i0.wp.com/blog.proglearn.com/wp-content/uploads/2020/03/image-9.png?fit=1024%2C653&ssl=1)
プラグインを入れると…
![](https://i0.wp.com/blog.proglearn.com/wp-content/uploads/2020/03/image-10.png?fit=1024%2C594&ssl=1)
可読性がぜんぜん違いますよね!
左側に増えた “-” を押すことで、縮小表示させることもできます。超便利。
![](https://i0.wp.com/blog.proglearn.com/wp-content/uploads/2020/03/image-11.png?fit=1024%2C482&ssl=1)
他にもまだまだ便利プラグインはたくさんあります!第二回としてご紹介します♪