一日10時間(≒業務時間)以上chromeを眺め続ける私のchrome拡張機能をまとめました。
環境(2019年1月29日現在)
MacOS 10.14.2
GoogleChrome 71.0.3578.98
ブラウジング編
Adblock Plus
いわゆる広告削除ツールです。
アドブロックと呼ばれるものはいくつかありますが、長年これを愛用しています。
ホワイトリストも使えるので、広告運用中はgoogle,yahooなどを設定したりもします。
Adblock Plus - free ad blocker
Google Analytics オプトアウト
いわゆるアナリティクス避けです。
自分のアクセスやフォーム登録などをgoogleアナリティクスに残さないようにできるのでとても便利です。
Google Analytics オプトアウト アドオン (by Google)
Google 翻訳
ページ中の文字を選択して、翻訳ができます。
データベースをいじるときのカラム名設定やwebページ製作時のクラス設定時にも重宝しています。
Google 翻訳
goodbye "Zenkaku"
ページ中の全角英数文字を半角に置換してくれます。
ずっと使っているのでもはや気にしたこともありませんが、たまにスマホであの幅広の英数字を見るとなかなかに辛いものがありますね。
goodbye "Zenkaku" - さよなら全角英数
Tabs to the Front
右クリックで「新しいタブで開く」を選択したときにそのタブを前面に表示してくれます。
右クリックしたその時そのページをその瞬間に見たいのに、どうしてタブが前面に来てくれないの！を解決してくれます。
Tabs to the Front
JSON Viewer
ブラウザでJSONを表示したときに見やすく整形してくれます。
仕事柄、Jsonを返すAPIを沢山触るのですが、ネストが深くなればなるほどどのデータを見ればいいのかわからなくなるので、とても便利です。
スタイルを自分好みにカスタマイズできるのもお気に入りポイントです。
JSON Viewer
goo.gl URL Shortener
メールやツイートにurlを貼り付けたいけど、長すぎる！
そんなときはこれです。
日本語URLなどは特に長くなってしまうので助かります。
goo.gl URL Shortener (Unofficial)
ツール系
Checker Plus for Gmail™
gmailの通知用ツールです。
複数アカウントの登録も可能なので、「メール、気づきませんでした。。。」の多い私には必須です。
Checker Plus for Gmail™
Add feed to Slack
web版slackにログインしておけば、ワンクリックでそのページのRSSをslackに通知することができます。
登録できない（RSSを持っていない）ページもあるのでご注意ください。
Add feed to Slack
ColorPick Eyedropper
webページ上の色のカラーコードを取得できるツールです。
ピクセル単位でズームしてくれるので、小さい部分でも取得できます。
ColorPick Eyedropper
FireShot
スクリーンショットツールもかなりの種類がありますが、これは「ページ全体」をスクリーンショットできます。
スクロールが必要なページでも全体を画像として取得できるので、ページ遷移図を作るときなどはとても便利です。
ウェブページ全体をスクリーンショット - FireShot
EditThisCookie
これは少しニッチなツールですが、ページで発行されたcookieを確認できます。
ログイン機能を作るときなどに便利です。
EditThisCookie
The QR Code Extension
今見ているそのページのURLをQRコードにしてくれます。
「スマホでこのページが見たい！でも共有が手間。。。」という私の悩みを見事に解決してくれました。
※2019/10/04現在
Chromeに「リンクをデバイスに送付」なる機能ができたんですね。
自分の端末以外でテストする場合等にお使いくださいm(_ _)m
github系
Octotree
リポジトリ内のフォルダ・ファイルをツリー表示できます。
非公開リポジトリは少し設定が必要です。
[Octotree]https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc?hl=en-US
GitHub Repository Size
ファイルサイズ表示が追加されます。
GitHub Repository Size
File Icon for GitHub, GitLab and Bitbucket
ファイルの種類に応じてアイコンが表示されます。
File Icon for GitHub, GitLab and Bitbucket
その他のツール
Q Accelerator
qiitaに各種機能を追加するツールです。
一日の殆どをqiitaを見て過ごす私には必須のツールです。
Q Accelerator
Twitcher
web版twitterで複数アカウントを簡単に切り替えられる様になるツールです。
便利に使っているとついついIDとパスワードを忘れてしまうので、注意が必要です。
Twitcher - Twitter Account Switcher
はてなブックマーク
はてなブックマークの公式拡張機能です。
自分がブックマークしたいページを簡単に登録できます。
はてなブックマーク
Web Maker
最後にはなりましたが、これがすごくおすすめです。
簡単に言えば、web上でwebページ制作ができます。
しかも、htmlだけでなく、css,jsはもちろん、pugやsass、coffeescriptなどにも対応してるんです。
さらに、エディタにはvimモードまでついているというシロモノ。
是非一度インストールしてみてください。
Web Maker
あとがき
いかがでしたか？
実際記事にしてみて、思ったより少ないなと思いました。
chromeにはまだまだ拡張機能がたくさんありますし、いつか自分で作ってみたいなとも思うくらい、自由度を拡張性が高いです。
この記事をきっかけに、さらに便利な自分だけのchromeを作って、快適なchromeライフを送って欲しいなと思います。