WEBと音楽と雑記

WEBエンジニアがWEBのことや音楽、ガジェットなど興味のあるものを紹介するブログ。

企業WEB担当が使っているChrome拡張機能をご紹介!【Chromeブラウザシェア第1位記念!】

スポンサーリンク

f:id:kowakix:20160513202322j:plain

PCブラウザシェア、「Chrome」が「IE」を抜き第1位

ついにChromeのシェアがIEを抜きましたね〜!!
IEの開発がストップしたのが大きいのでしょうか。
今やPCを使う人なら何かしら依存しているGoogleのサービスと効率よく連携が取れるChromeの快進撃はまだまだ続きそうですね。

Chrome拡張機能というものをご存知ですか?

Chromeには(というより大抵のブラウザには)拡張機能をつけることができます。
かゆいところ手が届くといいますか、拡張機能をインストールするだけでブラウザがどんどん便利になります!
というわけで、企業WEB担当目線ですが僕が今使っているChrome拡張をご紹介したいと思います!
WEBデザイナー・コーダー・ディレクターさんは勿論、普段ブラウザはChromeを使っているよ!という人にも役立ちそうな拡張機能もありますのでご覧ください〜!!
(p.s もっと便利な機能やもう古いよ...。なんてものもあるかと思うので教えていただければ幸いです。)

Checker Plus for Gmail

アイコン上に未読のメール数を表示してくれます。
また、新着メールが届くと通知、件名と本文を抜粋してくれるので作業中にメールを開くべきか判断できます。
地味に便利!
chrome.google.com

Google オフライン ドキュメント

Googleドキュメントやスプレッドシートってオフラインになると更新や入力できなくなったりしますよね。
オフライン状態でもドキュメントの作成を続けてくれます。
chrome.google.com

My Shortcuts

Googleの各サービスのショートカットボタンです。
自分でカスタマイズもできるので利用頻度が高めです。
主にGoogleドライブを使う時に多用しています。
https://chrome.google.com/webstore/detail/my-shortcuts/bjcpobipejlbogodeiendpdgcdambjgo/relatedchrome.google.com

Awesome Screenshot

スクリーンショット拡張機能です。
スクリーンショットなんてPCに標準搭載されているじゃん!
と思う方もいると思うのですが、コイツは画面全体のキャプチャを撮ってくれるのです。
長いブログ記事や操作方法など何かと重宝します。
chrome.google.com

Clear Cache

キャッシュ削除の拡張機能です。
macだとcommand + shift + deleteでキャッシュ削除できますが、
ボタン1回でクリアしてくれるのでよく使っています。
chrome.google.com

ColorPick Eyedropper

そのブラウザで使用されているカラーコードを取得してくれます。
WEB製作時やバナー製作時に役立ちます。
利用頻度高し。
chrome.google.com

MeasureIt

ブラウザのpx幅を算出してくれるメジャーみたいな拡張機能です。
このページの横幅は何pxだろう? 記事部分とサイドバナーの幅の比率が知りたい...。
など要素の検証ではちょっと手間なことや不可能な細かい幅を計測したい時に役立ちます。
https://chrome.google.com/webstore/detail/measureit/pokhcahijjfkdccinalifdifljglhclmchrome.google.com

User-Agent Switcher for Chrome

Chrome,IE,Firefox,androidなど様々なブラウザに偽装することができます。
表示チェックに使います。
chrome.google.com

MobileLayouter

スマートフォンでのレイアウトを確認したい時に使用します。
レスポンシブWEBデザインが浸透しているとはいえ、PCとスマホのレイアウトを分ける必要があるサイトも多いです。
様々なデバイスに対応しているので実機チェックするほどではない時はこちらを使用しています。
chrome.google.com

Hootsuite Hootlet

SNS管理ツールの「Hootsuite」と連携した拡張機能です。
表示しているページのタイトルと短縮URLを取得してくれます。
そしてそのままSNSに投稿できるんです。
頻繁に情報発信する方の手間を省いてくれます。
https://chrome.google.com/webstore/detail/hootsuite-hootlet/bjgfdlplhmndoonmofmflcbiohgbkifnchrome.google.com

Save to Pocket

「あとで読む」機能に特化したWEBサービス「Pocket」と連携しています。
気になる記事は1クリックでPocket行きです。
chrome.google.com

はてなブックマーク GoogleChrome 拡張

はてなのサービス「はてなブックマーク」と連携しています。
最近はPocketの使用率が高いので使用頻度は少なめです。
むしろ全然使ってないかもです。
chrome.google.com

Evernote Web Clipper

ブラウザをEvernoteにクリップしてくれます。
ノートの移動先やタグなんかも付けられるので便利です。
また、記事だけをクリップすることもできるので余計な情報を省きたい人にはスクリーンショットよりオススメです。
chrome.google.com

SimilarWeb

WEBサイト解析に特化したWEBサービス「SimilarWeb」と連携しています。
1クリックで閲覧しているサイトのアクセス状況が丸裸です。恐ろしい。
ただ正確なデータは正確なものではないようなのであくまで参考程度に。
chrome.google.com

Wappalyzer

サイトで使用しているWEBアプリを解析できます。
このサイトはどんなCMSを使っているのか、javascriptフレームワークは?サーバーは?
などなど調べることができます。
参考にしたいサイトの構築状況を調べたり、最近のトレンドを知ることができるので最近導入しました。
chrome.google.com

拡張機能の入れ過ぎにはご注意を

ざっと紹介してみましたが意外と多い...。
高速ブラウジングが売りだったChromeがいつの間にか重い...なんて時は
拡張機能の入れすぎが原因だったりしますのでご注意ください。

もっといいものがあったら知りたい

ここまで紹介した拡張機能は人から教わったり、自分で「こんな機能ないかなー」と思って探してみつけたものばかりなので、「同じ機能だけどもっと便利なのあるよ!」「こんな拡張機能もオススメだよ!」などあったら是非とも教えていただきたいです。

それではまた!