Web Survive

Webで生きる道を模索するブログ

【Web初心者】サイト制作に役立つ便利なChromeの拡張機能(エクステンション/プラグイン)33個紹介!

   

chrome-extensions-33
Webデザイナーの僕が、普段仕事で使っているChromeの拡張機能をご紹介します!
その中でもよく使ったり、便利だと思う拡張機能には★マークをつけておきます!

拡張機能(エクステンション/プラグイン)とは

「拡張機能」とは、世界中の人々が開発している「Google Chromeをパワーアップさせる機能」のことです。
ほとんどの拡張機能が無償で提供されており、ボタンひとつでGoogle Chromeに追加することが可能です。
Webブラウザはもともと必要最低限の機能しか持っていませんが、
拡張機能をインストールすれば自分の好みに応じてブラウザに機能を追加できます。
Chromeでは拡張機能やエクステンション、プラグインと呼んだりしていますが、
その他のブラウザにも似た機能があり、Firefoxでは「拡張機能」のことを「アドオン」と呼んでいます。

Chromeの拡張機能33個ご紹介

crxMouse Chrome Gestures(★★★)

crxmouse-chrome-gestures-extension
マウスジェスチャーの拡張機能です。
crxMouse Chrome Gestures


Awesome Screenshot: キャプチャーと注釈(★★★)

awesome-screenshot-extension
ページ全体や一部をキャプチャーし、各種の図形や文字で注釈をつけ、ワンクリックでアップロードして共有できます。
Awesome Screenshot: キャプチャーと注釈


Full Page Screen Capture

full-page-screen-capture-extension
ページ全体や一部をキャプチャーします。
Full Page Screen Capture


Evernote Web Clipper(★★★)

evernote-web-clipper-extension
Evernote の拡張機能を使用して、Web 上で見つけたページを Evernote アカウントに保存します。
Evernote Web Clipper


User-Agent Switcher for Chrome(★★★)

User-Agent Switcher-for Chrome-extension
ユーザーエージェントの切り替えプラグイン。iPhone、iPad、Android、FirefoxやIEなどのブラウザに表示を切り替えて確認することができます。
User-Agent Switcher for Chrome


FireMobileSimulator for Google Chrome™(★)

fire-mobile-simulator-extension
携帯端末・スマートフォンの動作をシミュレートする拡張機能です。
FireMobileSimulator for Google Chrome™


ato-ichinen(★★)

ato-ichinen-extension
Activeにしている間、Google検索結果を1年以内のものに限定します。
ato-ichinen


SearchPreview

searchpreview-extension
検索結果にサイトのプレビューを追加してくれます。
SearchPreview


Eye Dropper

eye-dropper-extension
サイトの色を抽出できます
Eye Dropper


Appspector

appspector-extension
開いているページのWeb技術、CMSなどをアドレス欄に表示してくれる拡張機能。
Appspector


Ghostery

ghostery-extension
プライバシーの保護: Ghostery を使って、誰があなたのウェブ閲覧をトラッキングしているかを確認しましょう。
Ghostery


Google Analytics オプトアウト アドオン

google-analytics-extension
自分のサイトにアクセスしても、アナリティクスで計測されなくなります。
Google Analytics オプトアウト アドオン


Google Similar Pages

google-similar-pages-extension
閲覧中のウェブページと類似するページを紹介します。
Google Similar Pages


HTML5 Outliner

html5-outliner-extension
文書構造をわかりやすく・シンプルに出力してくれます。
HTML5 Outliner


iKnow! ポップアップ辞書

iknow-popup-extension
WEBサイトに出てくる英単語の意味をマウスオーバーするだけで簡単に調べられる、iKnow! 公式のポップアップ英和辞書です。
iKnow! ポップアップ辞書


Image Downloader

Image-downloader-extension
ウェブページ上にある画像を一括保存できます。
Image Downloader


Page Analytics (by Google)

pageanalytics-extension
ページ単位のGoogleアナリティクス。
見てるページの上に重ねて、そのページのアクセス解析を見せてくれます。
Page Analytics (by Google)


Page Ruler

pageruler-extension
Webページ内のサイズを簡単に測れます。
Page Ruler


PageRank

pagerank-extension
ページランクが確認できます
PageRank


QR-Code Tag Extension(★★★)

qr-code-tag-extension
現在開いているWEBサイトのURLをすぐにQRコード化して表示してくれます。
QR-Code Tag Extension(★★★)


Resolution Test

resolution-test-extension
ウィンドウの解像度を任意のサイズに変更することができます。
Resolution Test


SEO SERP

seoserp-extension
指定したサイトのキーワード検索順位チェックができます。
SEO SERP


SimilarWeb – Site Traffic Sources and Ranking

similarweb-extension
サイトのアクセス数や検索キーワード、リファラー、競合サイトなどを見える化する「SimilarWeb」の拡張機能です。
SimilarWeb – Site Traffic Sources and Ranking


Social Analytics

social-analytics-extension
サイトがSNS上でどのくらい反響があったのか知ることができます。
Social Analytics


TabJump – 洗練されたタブナビゲーター

tabJump-extension
よく使うタブ、関連するタブ、閉じられたタブに簡単にアクセスできます。
TabJump – 洗練されたタブナビゲーター


YSlow

yslow-extension
サイトパフォーマンスに影響を与える項目を数値化し、サイト改善を手助けしてくれます。
YSlow


WhatFont

whatfont-extension
サイト上の文字の上にカーソルを置くだけでフォント名が分かります。
WhatFont


(un)clrd

unclrd-extension
Webサイトを常時グレースケール化してくれます。
(un)clrd


Popup Image Alt Attribute

popup-Image-alt-extension
画像に設定されている代替テキストを、Internet Explorer のようにツールチップとして表示します。
Popup Image Alt Attribute


Save to Pocket(★★★)

save-to-pocket-extension
Pocketの拡張機能で、記事やビデオなどを保存できます。
Save to Pocket(★★★)


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

hatena-extension
はてなブックマークの拡張機能です。
はてなブックマーク GoogleChrome 拡張


Custom Google™ Background

custom-google- background-extension
グーグルの背景を変えることができます。
Custom Google™ Background


Dribbble New Tab

dribbble-extension
クロームを開いた時やタブを増やした時にクオリティの高いデザイン(作品)がグリッドで表示されます。
Dribbble New Tab

 - Webサイト制作

  関連記事