「仕事を効率化したい」エンジニアさん必見！
仕事を効率化できるGoogle Chromeの拡張機能20選をご紹介します。
この拡張機能を入れると作業効率が爆上がりすること間違いなしです。
Chromeの拡張機能とは？
Chrome拡張機能とは、Chromeブラウザに機能を追加することができるプログラムファイルのことです。
基本的には無料で使用できますが、中には有料のものもあります。
おすすめの拡張機能20選
1.CSSViewer
閲覧しているウェブサイトで、マウスオーバーによってCSSプロパティを表示できる優れもの
2.HTMLエラーチェッカー
HTMLの開始・終了タグの過不足などを検出する拡張機能。エラーがある場合、数値が表示されルようになっています
3.DevTools Author
KinzaやChromeデベロッパーツールのエディタのカラーやフォントを変更ができます
4.WhatFont
https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm?hl=ja
調べたいテキストの上にマウスオーバーをするだけでフォントの種類がわかります
5.Copy All URLs
大量に開いたタブのURLを一括コピーすることができます
6.1Password
ウェブブラウザで1Passwordを使うための拡張機能。こちらを使用するには1Passwordのメンバーなる必要があります。
7.ato-ichinen
検索結果を1年以内、24時間以内など検索結果で表示される情報を最新のものだけにできます
8.Pasty
https://chrome.google.com/webstore/detail/pasty/hdjihnnclpjhfdbbinmgoiehhoehhlgf?hl=ja
URLをコピーしてPastyアイコンをクリックするだけで複数のリンクを一気に開けます。
9.Web Maker
リアルタイムで結果をチェックできるライブコーディングが可能
10.Quick QR
ページや文章やＵＲＬからでもＱＲ作成ができ、スマートフォンで確認することができます
11.ブックマークサイドバー
デフォルトのChromeにはサイドバーを表示する機能がないのですが、こちらを使うと画面の片側をクリックしてブックマークサイドバーを出せるようになります。
12.OneTab
開いているページをリスト化し１つにまとめることができます。
13.Wappalyzer
閲覧しているサイトで使用している言語やソフトウェア、フレームワークを一覧表示できます。
14.Awesome ScreenShot
Chromeで開いているウェブサイトのページのスクリーンショットを撮影だけでなく、録画もしてくれます。
15.Gyazo
Chromeで開いているウェブサイトのページのスクリーンショットを撮影し、撮ったスクリーンショットをURLで共有することが可能です。
16.EVERNOTE WEB CLIPPER
Web上で見つけたページをクリップしてEvernoteに保存できます。
17.Create Link
閲覧しているページのリンクを選択した形式（プレーンテキスト、HTML、Markdown記法、MediaWiki記法）でクリップボードにアウトプットにしてクリップボードにコピーできるようになります。
18.Linkclump
複数のリンクを同時に開いたり、コピーしたり、ブックマークしたりできます
19.Lighthouse
自分で作ったウェブサイトのパフォーマンスを「パフォーマンス」「アクセシビリティ」「ベストプラクティス」「SEO」「プログレッシブアプリケーション」の5つの項目ごとに測定できます。
20.Image Downloader Plus
ワンクリックするだけで、閲覧しているページに表示されている全ての画像を一括ダウンロードが可能に
参考サイト
エンジニアにおすすめしたいChrome拡張機能まとめ
Chrome拡張機能のおすすめ25選｜作業効率UPに役立つ機能を厳選紹介！
フロントエンドエンジニアにおすすめのChrome拡張機能15選！
▼Twitterでも発信しています
https://twitter.com/issueissue4
▼エンジニア向け案件獲得プラットフォーム
https://i-ssue.com/users/signup
＼ エンジニア募集のお知らせ ／
【3ヶ月限定】次世代の開発発注プラットフォーム「ISSUE」を開発してくれるテックリード募集
https://i-ssue.com/issues/d179971e-cfae-46ba-a32b-d550a7da4660l