ろぼいんブログ
更新:

オススメの拡張機能20選

Webブラウザーは 拡張機能 をインストールすることで機能を増やせます。この記事では、オススメの拡張機能20選を紹介します。すべて無料で使えますので、ぜひインストールしてみてください。

この記事は便利な拡張機能の紹介を目的としています。使い方については扱いません。また、拡張機能をインストールしすぎるとブラウザーが重くなる場合もあります。必要な拡張機能のみインストールしましょう。

※この記事の内容は執筆時点(2022年2月18日)のものです。この記事で紹介する拡張機能はすべて、筆者が実際に利用しているものですが、その安全性や効果について保証するものではありません。ご自身で判断の上、自己責任で利用してください。

便利ツール、プライバシー保護系、セキュリティー向上、Web開発者向けの4つに分けて紹介します。


便利ツール

Audio Equalizer

Audio Equalizer

イコライザーです。ブラウザーで音楽を聴く人にオススメです。20個ほどのプリセットが登録されており、プリセットの追加もできます。

詳細

リンク

Auto Tab Discard

Auto Tab Discard

使っていないタブをスリープ( discard )状態にして、CPUやメモリーの使用量を削減してくれる拡張機能です。どのようなタブをスリープ状態にするか細かく設定できます。Firefox版とChrome版で提供元の名前が違いますが、GitHubリポジトリーの Download Links に掲載されているためどちらも公式と思われます。

詳細

リンク

CopyTabTitleUrl

CopyTabTitleUrl

SNSで記事をシェアすることが多い人や、参考文献を書くことが多い人にオススメの拡張機能です。開いているWebページのタイトル、URLまたはその両方をコピーできます。 Markdown 形式でのコピーにも対応しています。

詳細

  • 日本語:△一部対応
  • アドオンバッジ:なし
  • ライセンス: The MIT License
  • ダークモード:〇対応

リンク

Dark Reader

Dark Reader

あらゆるWebページをダークモードにできる拡張機能です。

詳細

リンク

Link to Text Fragment

Link to Text Fragment

Text Fragments を利用して、Webページの特定のテキストへのリンクを作成したり読み込んだりするための拡張機能です。Chrome版も存在しますが、Chromeは 標準対応 しているため、わざわざ拡張機能をインストールする必要はありません。

詳細

  • 日本語:✖非対応
  • アドオンバッジ:なし
  • ライセンス: Apache 2.0
  • ダークモード:該当なし

リンク

Multithreaded Download Manager

Multithreaded Download Manager

ファイルを分割して並列処理することで、高速でダウンロードできるようになります。小さなファイルだとあまり効果がありませんが、大きいファイルだとダウンロードが速くなることもあります。

GitHub リポジトリー README に次のように書かれており、この拡張機能はFirefox専用です。Chrome版は提供されていません。

Download manager extension for Firefox, with multithreading support.

— GitHubリポジトリーの README より。強調は本記事の筆者による

詳細

リンク

QR Code

QR Code

開いているWebページの QRコード を作成する拡張機能です。単にQRコードを表示するだけでなく、QRコードの画像を PNG形式 SVG形式 から選んでダウンロードできます。QRコードを作成する拡張機能は他にもたくさんありますが、 ベクター画像 の(拡大してもぼやけない)SVG形式でのダウンロードに対応しているため、この拡張機能を利用しています。Firefox版のみの提供で、Chrome版は提供されていません。

詳細

リンク

QR Code Reader

QR Code Reader

文字どおりQRコードリーダーです。 バーコード もスキャンできます。

詳細

リンク

SoundFixer

SoundFixer

タブごとに音量や パン を調整できる拡張機能です。GitHubの リポジトリー にはFirefox版のリンクしか掲載されておらず、Firefox版とChrome版で提供元が違うことから、Chrome版は非公式と思われます。

詳細

リンク

Tab Session Manager

Tab Session Manager

ブラウザーで開いているタブの一覧のバックアップを取ったり、エクスポートしたりできる拡張機能です。開いているタブの一覧を定期的に保存する機能が付いているので、ブラウザーがクラッシュした際に開いていたタブを復元できます。また、タブをたくさん開いてそれらのタブをあとでもう一度見たいというときには、タブの一覧をエクスポート・ インポート できます。

詳細

リンク

Twitter Bookmarks Search

Twitter Bookmarks Search

Twitterの ブックマーク を検索できるようにする拡張機能です。ブックマークに保存されたすべてのツイートの中から検索できます。

この拡張機能は、あくまでTwitterのブックマーク機能で保存されたツイートを検索するものです。ブラウザーのブックマークから検索するわけではありません。ブラウザーのブックマークを検索したい場合は別の拡張機能が必要になります(Firefoxでは 標準対応 )。

詳細

  • 日本語:✖非対応
  • アドオンバッジ:なし
  • ライセンス: The MIT License
  • ダークモード:〇対応

リンク

Web Search Navigator

Web Search Navigator

Google検索 の検索結果にキーボードショートカットを追加する拡張機能です。上下矢印キーで検索結果を選択、選択したページをエンターキーで開けます。キーボードから手を放さずに検索できるので便利です。

詳細

  • 日本語:✖非対応
  • アドオンバッジ:なし
  • ライセンス: The MIT License
  • ダークモード:〇対応

リンク

プライバシー保護系

ClearURLs

ClearURLs

URLには URLパラメーター というものが存在します。URLパラメーターには重要な情報(Google検索なら検索キーワード、YouTubeなら視聴する動画のIDなど)が含まれることもありますが、一方でトラッキングに使われることもあります。ClearURLsは、URLからトラッキングに利用されている不要なURLパラメーターを自動的に削除してくれます。これにより、プライバシーが保護されURLも短くなります。

公式ページ に掲載されている例を引用すると、たとえばこんなURLが

try{(()=>{function a(e){if(!e)return;let t=e.getAttribute("tabindex")!==null,n=e.scrollWidth>e.clientWidth;n&&!t?e.setAttribute("tabindex","0"):!n&&t&&e.removeAttribute("tabindex")}var u=window.requestIdleCallback||(e=>setTimeout(e,1)),i=window.cancelIdleCallback||clearTimeout;function l(e){let t=new Set,n,r;return new ResizeObserver(c=>{c.forEach(o=>t.add(o.target)),n&&clearTimeout(n),r&&i(r),n=setTimeout(()=>{r&&i(r),r=u(()=>{t.forEach(o=>e(o)),t.clear()})},250)})}function d(e,t){e.querySelectorAll?.(".expressive-code pre > code").forEach(n=>{let r=n.parentElement;r&&t.observe(r)})}var s=l(a);d(document,s);var b=new MutationObserver(e=>e.forEach(t=>t.addedNodes.forEach(n=>{d(n,s)})));b.observe(document.body,{childList:!0,subtree:!0});document.addEventListener("astro:page-load",()=>{d(document,s)});})();}catch(e){console.error("[EC] tabindex-js-module failed:",e)}try{(()=>{function i(o){let e=document.createElement("pre");Object.assign(e.style,{opacity:"0",pointerEvents:"none",position:"absolute",overflow:"hidden",left:"0",top:"0",width:"20px",height:"20px",webkitUserSelect:"auto",userSelect:"all"}),e.ariaHidden="true",e.textContent=o,document.body.appendChild(e);let a=document.createRange();a.selectNode(e);let n=getSelection();if(!n)return!1;n.removeAllRanges(),n.addRange(a);let r=!1;try{r=document.execCommand("copy")}finally{n.removeAllRanges(),document.body.removeChild(e)}return r}async function l(o){let e=o.currentTarget,a=e.dataset,n=!1,r=a.code.replace(/\u007f/g,` `);try{await navigator.clipboard.writeText(r),n=!0}catch{n=i(r)}if(!n||e.parentNode?.querySelector(".feedback"))return;let t=document.createElement("div");t.classList.add("feedback"),t.append(a.copied),e.before(t),t.offsetWidth,requestAnimationFrame(()=>t?.classList.add("show"));let c=()=>!t||t.classList.remove("show"),d=()=>{!t||parseFloat(getComputedStyle(t).opacity)>0||(t.remove(),t=void 0)};setTimeout(c,1500),setTimeout(d,2500),e.addEventListener("blur",c),t.addEventListener("transitioncancel",d),t.addEventListener("transitionend",d)}function s(o){o.querySelectorAll?.(".expressive-code .copy button").forEach(e=>e.addEventListener("click",l))}s(document);var u=new MutationObserver(o=>o.forEach(e=>e.addedNodes.forEach(a=>{s(a)})));u.observe(document.body,{childList:!0,subtree:!0});document.addEventListener("astro:page-load",()=>{s(document)});})();}catch(e){console.error("[EC] copy-js-module failed:",e)}
https://www.amazon.com/dp/exampleProduct/ref=sxin_0_pb?__mk_de_DE=ÅMÅŽÕÑ&keywords=tea&pd_rd_i=exampleProduct&pd_rd_r=8d39e4cd-1e4f-43db-b6e7-72e969a84aa5&pd_rd_w=1pcKM&pd_rd_wg=hYrNl&pf_rd_p=50bbfd25-5ef7-41a2-68d6-74d854b30e30&pf_rd_r=0GMWD0YYKA7XFGX55ADP&qid=1517757263&rnid=2914120011

こんなに短くなります。

https://www.amazon.com/dp/exampleProduct

詳細

リンク

DuckDuckGo Privacy Essentials

DuckDuckGo Privacy Essentials

DuckDuckGo Privacy Essentialsはトラッカーをブロックしてくれる拡張機能です。プライバシーに配慮した検索エンジンを提供する DuckDuckGo が開発しています。トラッカーのブロックのほかに、サイトのプライバシーを評価してくれる機能も付いています。

詳細

リンク

Privacy Badger

Privacy Badger

Privacy Badgerはトラッカーを自動でブロックしてくれる拡張機能です。 ドメイン ごとに「ブロックなし(allow a domain)」「 Cookie をブロック(block cookies)」「ブロック(block a domain)」の3段階から自動で選択されます。

詳細

リンク

uBlock Origin

uBlock Origin

uBlock Originは、CPUやメモリーの使用量が少ない広告ブロッカーです。広告以外にも、一部のアフェリエイトリンクやトラッカーもブロックしてくれます。主要なすべてのブラウザーに対応していますが、 Firefox上でもっともよく動作 します。

詳細

リンク

セキュリティー向上

HTTPS Everywhere

HTTPS Everywhere

HTTPS Everywhereは、Webブラウザーの通信に HTTPS接続 を強制できる拡張機能です。HTTPSは通信を暗号化することで、通信中のデータの改ざんや盗聴を防げるものです。HTTPS Everywhereを使用してHTTPS接続を強制することで、セキュリティーを向上させられます。

現在のChromeには「 HTTPS-First Mode 」、Firefoxには「 HTTPS-Only モード 」が標準搭載されているので、この拡張機能の必要性は低下しています。

詳細

  • 日本語:〇対応
  • アドオンバッジ: おすすめ
  • ライセンス: Multiple
  • ダークモード:△一部対応

リンク

Web開発者向け

Firefox Multi-Account Containers

Firefox Multi-Account Containers

Firefoxでアカウントを切り替えてブラウジングするための拡張機能です。

たとえば仕事用のコンテナーと趣味用のコンテナーを分けることで、仕事用のコンテナーではさまざまなサービスに仕事用のアカウントでログイン、趣味用のコンテナーでは個人のアカウントでログインといった切り替えができます。

また、複数のアカウントへの同時ログインも可能です。

複数のアカウントを切り替える必要がある人にオススメです。 Mozilla がFirefoxの コンテナータブ 機能を利用して開発している拡張機能なので、Chrome版はありません。

詳細

リンク

Google Lighthouse

Google Lighthouse

PageSpeed Insights で利用されている Lighthouse の拡張機能版です。Webページの読み込み速度やアクセシビリティー、SEO対策などの評価をしてくれる拡張機能です。

詳細

  • 日本語:✖非対応
  • アドオンバッジ:なし
  • ライセンス: Apache-2.0
  • ダークモード:△一部対応

リンク

Stylus

Stylus

Webサイトの見た目をカスタマイズできる拡張機能です。自分で CSS を書く必要があるので、一般向けではありません。

詳細

リンク

おすすめアイテム

※このリンクを経由して商品を購入すると、当サイトの運営者が報酬を得ることがあります。詳細はこちら

このサイトを支援する

Buy Me a CoffeeまたはGitHub Sponsorsで支援していただけると、サイトの運営やコンテンツ制作の励みになります。定期的な支援と一度限りの支援がありますので、お間違いのないようにお願いします。

Buy me a coffee

著者のアイコン画像

生まれた時から、母国語よりも先にJavaScriptを使っていました。ネットの海のどこにもいなくてどこにでもいます。

Webフロントエンドプログラマーで、テクノロジーに関する話題を追いかけています。動画編集やプログラミングが趣味で、たまにデザインなどもやっています。主にTypeScriptを使用したWebフロントエンド開発を専門とし、便利で実用的なブラウザー拡張機能を作成しています。また、個人ブログを通じて、IT関連のニュースやハウツー、技術的なプログラミング情報を発信しています。

最新記事