拡張機能とは何か?

拡張機能はウェブブラウザーに機能を追加します。標準化されている web 技術(JavaScript / HTML / CSS)に専用の JavaScript API をいくつか加えて書かれます。とりわけ、拡張機能はブラウザーに新しい機能を追加したり、特定のウェブサイトが持つ見た目やコンテンツを変更したりできます。

ウェブサイト全体の改良: アドオンを使ってブラウザー内の機能やウェブサイトからの情報を届けます。ユーザーが訪れたページの詳細を集めるようにできて、サービスを向上させることができます。

例: Amazon Assistant for Firefox, OneNote Web Clipper, Grammarly for Firefox

ユーザーの個性を見せる: ブラウザー機能拡張はユーザーによってブラウズされるページコンテンツを操作できます。例えば、ユーザーのお気に入りのロゴや写真を、訪れるすべてのページの背景として追加できます。拡張機能は Firefox UI の見た目を更新する力を与えることもできます (スタンドアローンの テーマアドオンを使っても同様に Firefox UI を更新できます)。

例: MyWeb New Tab, Tabliss, VivaldiFox

ウェブページのコンテンツを追加/削除: ウェブページで触れられた国や都市への旅行ガイドへのアクセスを提供してウェブページのしつこい広告をユーザーがブロックするのを補助したり、読む体験の一貫性を提供するためにページの再フォーマットをしたいかもしれません。ページの HTML と CSS にアクセスして更新する力を持って、拡張機能はユーザーが見たい方法でウェブを見るのを助けることができます。

例: uBlock Origin, Reader, Toolbox for Google Play Store™

ツールや新しいブラウズ機能を追加: タスクボードに新しい機能を追加したり、URL やハイパーリンクやページのテキストから QR コード画像を生成したりします。WebExtensions APIs の柔軟な UI オプションや力を得て、ブラウザーに新機能を簡単に追加できます。そしてほぼあらゆるウェブサイトの機能を改良できて、それはあなたのウェブサイトだけとは限りません。

例: Swimlanes for Trello and Tomato Clock

ゲーム: オフラインで遊べるような伝統的なコンピューターゲームや、新しいゲームの可能性を探検できます。例えば、日々のブラウジングにゲームを取り込むなど。

例: Asteroids in Popup, Solitaire Card Game New Tab, 2048 Prime.

開発ツールを追加: あなたのビジネスに沿った開発ツールを提供したり、共有しておきたい便利なテクニックやウェブ開発へのアプローチを提供できます。いずれの方法でも、開発者ツールバーに新規タブを追加することで、組み込みの Firefox 開発ツールを改良できます。

例: Web Developer, Web React Developer Tools, aXe Developer Tools

Firefox 用の拡張機能は WebExtensions APIs を使って作成され、この API はクロスブラウザーで動作可能な拡張機能を開発するための技術です。この API の大半は、Google Chrome や Opera でサポートされている extension API と互換性があります。これらのブラウザー向けに書かれた拡張機能のほとんどは、少し変更を加えるだけで Firefox や Microsoft Edge でも動かせるようになります。この API は完全にマルチプロセス Firefox にも対応しています。

何かアイデアがあったり、レガシーアドオンを WebExtensions API に移植する手助けが必要な場合、ご連絡は dev-addons メーリングリストAdd-ons roomMatrix までお願いします。英語のサポートです。

次のステップ