これだけは入れておきたい！エンジニア御用達のChrome拡張機能

#想定読者
何の拡張機能を入れたらいいのかわからない人向け
駆け出しエンジニアだけど拡張機能何も入れてないぜ！な人向け


#前提
エンジニアの業務としてよく使っているChromeの拡張機能を紹介します。
おまけで日常で使っているのもあります。

#プログラミング系
プログラミングをするときに情報収集したりするときによく使う拡張機能です。

##[Wappalyzer](https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg)
そのサイトで使われている、言語やインフラの情報を見ることができます。
競合他社が何を使っているのか調べるときによく使います。
![wappalyzer.mov.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/387875/cb2120a5-e7fd-60de-c929-4827a4502c8e.gif)

##[WhatFont](https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm)
ブラウザで表示されているフォントの種類がわかります。
このフォント使いたいなーってときによく使います。
![whatfont.mov.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/387875/943b4cb0-4c20-76be-e671-ee837a8e08e4.gif)


##[ColorZilla](https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp)
ブラウザで表示されている色を選択すると、カラーコードがわかり、そのままコピーしてくれます。
そのまま貼り付けるだけで使えるので、便利です。
この色使いたいなーってときによく使います。
![colorzilla.mov.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/387875/62adb6bc-b619-a997-911f-131889874b21.gif)

##[Web Maker](https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/related)
ブラウザ上で瞬時にエディタが開きます。
HTML&CSS、JSのコードが書けてプレビュー画面を見ることができます。
![webmaker.mov.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/387875/6348380b-f272-4b8b-0eb1-80ba64154888.gif)


#業務系
エンジニアの仕事の8割はコミュニケーションです。
コミュニケーションを楽にできるための拡張機能を教えます。
また、マーケティングもやっているので、
後半はマーケティングで使用する拡張機能も紹介しています。

##[Gyazo](https://chrome.google.com/webstore/detail/gyazo/ffdaeeijbbijklfcpahbghahojgfgebo?hl=ja)
ブラウザをスクショできます。
便利なのがそれをクラウドに保存することができます。
無駄にPCのストレージに増やさなくていいです。
相手に見せたい画面をチャットワークやSlackでURLで共有することができます。
![gyazo2.mov.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/387875/cdb38721-54e7-4457-6048-bf6ec272fe9d.gif)


##[Chatwork Input Tools](https://chrome.google.com/webstore/detail/chatwork-input-tools/iaemcpeoioekjbbephpefmdoncmpdcdc)
業務ではChatworkを使う会社が多いのではないでしょうか。
[code][/code]や[info][/info]、よく使う絵文字をワンクリックで使うことができます。
わざわざ直接書く必要が無くなります。![chatwork.mov.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/387875/1cecd5e2-41f8-7946-c5e6-c77ce2d1cbf9.gif)


##[Authenticator](https://chrome.google.com/webstore/detail/authenticator/bhghoamapcdpbohphigoooaddinpkbai)
2段階認証系を管理してくれる拡張機能です。
いちいちスマホを見に行かなくても、ブラウザで完結します。
(セキュリティ系の拡張機能なので、Gif、写真はありません...)


##[Google Analytics オプトアウト アドオン (by Google)](https://chrome.google.com/webstore/detail/google-analytics-opt-out/fllaojicojecljbmefodhfapmkghcbnh)
Googleアナリティクスを仕事で使うのですが、
自分がアクセスした時はユーザとしてカウントしないようにすることができます。
(こちらも写真、Gifはありません。)

##[Twitcher - Twitter Account Switcher](https://chrome.google.com/webstore/detail/twitcher-twitter-account/gmngpagflejjoblmmamaonmnkghjmebh)
Twitterのアカウントを手軽に切り替えることができます！便利！

#英語系
前に記事を書いたので、それを確認してくれると！
[ITエンジニアの、ITエンジニアによる、ITエンジニアの為の英語学習ツール、サイト、書籍のまとめ](https://qiita.com/YutakaYamasaki/items/3c7284dfffea7cbaa4a4)

#日常系
エンジニアじゃなくても使うかな...
##[Momentum](https://chrome.google.com/webstore/detail/momentum/laookkfknpbbblfpciffpaejjkokdgca)
新しくブラウザを開くと綺麗な画面になります。
日別で変わります。
画像は一部です。
<img width="667" alt="スクリーンショット 2019-06-19 午前1.04.28.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/387875/86cf53cf-dcf9-05c2-448d-6b85cde59a5e.png">


##[Adblock Plus - free ad blocker](https://chrome.google.com/webstore/detail/adblock-plus-free-ad-bloc/cfhdojbkjhnklbpkdaibdccddilifddb)
必要のない広告を勝手にブロックしてくれます。
別にやましいところにアクセスしていません。
onとoffも手軽に切り替えることができます。
<img width="338" alt="スクリーンショット 2019-06-19 午前1.03.06.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/387875/18eb0e44-f538-8c1c-dda8-c1b858f3bb1f.png">

##[ブックマークサイドバー](https://chrome.google.com/webstore/detail/bookmark-sidebar/jdbnofccmhefkmjbkkdkfiicjkgofkdh)
ブックマークをいい感じに表示ができます。
設定で色々変更できるのでオススメです。
<img width="350" alt="スクリーンショット 2019-06-19 午前1.09.06.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/387875/8f551b25-ffec-e85b-561a-3bf659b774b7.png">


#最後に
以上が拡張機能の紹介になります！
まだまだたくさんあると思うので、もしこんなのがあるよって方は教えてください！
それではまた！