MENU

オススメの便利なChrome拡張機能

PCの環境が「Mac × Chrome」ということもあり、Chromeを触っていることが多いです。
Chromeで実際に入れて便利な拡張機能について、備忘録も兼ねてまとめておきます。
数が多かったので「すべての人」と「IT/Web関係者」で分けています。

目次

すべての人にオススメ

Awesome Screenshot スクリーンショットと画面録画

あわせて読みたい
Awesome Screen Recorder & Screenshot - Chrome Web Store The best screen recorder and screen capture & screenshot tool to record screen.

画面キャプチャを撮るのに利用。
「表示部分」「フルページ」など分けられるのがいいが、一番良く使うのはキャプチャ後の加工。
「キャプチャ→該当箇所を赤枠で囲う/赤矢印で示す→Slack共有」の一連の流れをChrome上でささっとできるのが非常に便利。

Cloudy Calculator

あわせて読みたい
Cloudy Calculator - Chrome Web Store A shockingly versatile calculator for Chrome. (Formerly Chromey Calculator)

よくCVRやCPAを手元でさっと算出するのに使用しています。
ググっても計算はできるのですが、過去数字の引用やログ残してくれるのでこちらを利用することが多いです。
カンマ区切りを認識してくれないのが玉にキズ。

PDF Viewer

あわせて読みたい
PDF Viewer - Chrome Web Store Uses HTML5 to display PDF files directly in the browser.

ChromeでPDFを見ようとすると毎回ダウンロードされるのが鬱陶しい方は入れたほうが良いです。
この拡張機能を入れると、ブラウザでPDFが見れるのでフォルダにいって開くといいう工程が不要になります。
地味ながらもストレスなく資料確認できるのが便利。

LastPass: Free Password Manager

あわせて読みたい
LastPass: Free Password Manager - Chrome Web Store LastPass is an award-winning password manager for secure credential management on any device.

各種管理画面のID/PASSを記録して自動入力してくれるツール。
1passwordも有名ですが、ずっとLastpassを使っているのでこちらを愛用しています。
このツールですべてのパスワード管理は事足りているので、覚えているのはPCのロック解除とGsuiteのパスワードくらいです。

Pasty

あわせて読みたい
Pasty - Chrome Web Store Create tabs from clipboard URL list

このツールは「クリップボードにあるURLを一斉に開く」という特徴の拡張機能です。
スプレッドシートにURLが貼ってあり、1個1個開くのが面倒!というときに重宝します。
10個以上やると一気に重くなるので、数はある程度見ながらやるのが推奨です。

Webマーケター、デザイナー、エンジニアにオススメ

Markdown Here

あわせて読みたい
Markdown Here - Chrome Web Store Write your email in Markdown, then make it pretty.

マークダウン記法で普段からメモを取っている人にオススメ。主にIT関係かな。
Gmail使っていると、GoogleDocsやHTMLのコピペが思った感じと違う場合が多いです。
このツール使うと、「マークダウンで文章作成→コピペでGmailに貼る→Command+Mで変換」でキレイにかけます。

ColorZilla

あわせて読みたい
ColorZilla - Chrome Web Store Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodies

バナー画像やスライド作っているときに「このサイトとトンマナ合わせたい」というときに利用。
ブラウザ内で該当箇所をクリックするだけで、色コードをとってきてくれるのであとはそれを貼るだけ。
デバックモードでも取得はできますが、このツールはサイトの画像からも抽出できるのが強み。

Scraper

あわせて読みたい
Scraper - Chrome Web Store Scraper gets data out of web pages and into spreadsheets.

Web Scraper – Free Web Scrapin

あわせて読みたい
Web Scraper - Free Web Scraping - Chrome Web Store Web data extraction tool with an easy point-and-click interface for modern web

どちらもWebスクレイピングの拡張機能。
サイトをコピペしてスプレッドシートに貼ろうとしたら上手く貼れない!というときに便利。
本格的なクローリングには向いてないですが、ちょっとしたデータ取得/整形が必要なときに使えます。

Wappalyzer

あわせて読みたい

WPSNIFFER – WordPress Themes Sniffer

あわせて読みたい
Chrome Web Store Add new features to your browser and personalize your browsing experience.

上記はサイトの使っている言語やフレームワークが、後者はWordpressのテーマが簡単にわかります。
エンジニアリングする人じゃないと必要ないですが、「このサイトいいな。何で作っているんだろう?」に答えてくれます。
こんなサイトがWordpressで作られてるの!という発見もあるので、いろんなWebサイトに興味をもったときに入れるのが吉。

MarkUp For Chrome

あわせて読みたい
MarkUp For Chrome - Chrome Web Store Visual Feedback for Websites

Chrome上でページにコメントをつけることが可能になります。
Figmaのコメント機能と使い方は同じで、デザインレビューなどに使えます。
ノーコードツールの「STUDIO」を使ってサイト構築することがありますが、実際の使い方を解説されている方がいます。

Tag Assistant (by Google)

あわせて読みたい
Tag Assistant - Chrome Web Store The Tag Assistant extension works with Tag Assistant to help troubleshoot installation of gtag.js and Google Tag Manager.

Facebook Pixel Helper

あわせて読みたい
Meta Pixel Helper - Chrome Web Store The Meta Pixel Helper is a troubleshooting tool that helps you validate your pixel implementation.

Google Analytics Debugger

あわせて読みたい
Google Analytics Debugger - Chrome Web Store Prints useful information to the JavaScript console by enabling the debug version of the Google Analytics Javascript.

Google Optimize

あわせて読みたい
Chrome Web Store Add new features to your browser and personalize your browsing experience.

このへんはマーケターが該当ツール使うときに必要な拡張機能です。
どれも必須というわけではなく、あると困ったときに便利という感じです。
Optimize以外はタグが正常に埋まっているかの確認や発火しているかで見るくらいです。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次