(AI問答)当時と今ではほぼ同じ流れで作れるか？ firefox向けアドオン。ついでにchrome向けも知りたい。 Firefoxのアドオン開発について(ファイルの作成&動作確認まで) 2020年07月06日(以下略)
Q.質問全文
A1. Google Bard
はい、2023年7月現在でも、当時とほぼ同じ流れでFirefox向けアドオンを開発できます。
2023年7月20日にリリースされたFirefox 102以降では、アドオン開発用ツールであるWebExtensions Toolkitが更新され、以下の機能が追加されました。
アドオンの開発、テスト、配布を効率化する機能の強化
セキュリティの強化
これらの機能は、アドオン開発のワークフローに大きな影響を与えるものではないため、当時とほぼ同じ流れで開発を進めることができます。
Chrome向けアドオンの開発についても、当時とほぼ同じ流れで開発できます。
Chrome向けアドオンの開発は、Firefox向けアドオンの開発と比べて、以下の点が異なります。
マニフェストファイルの形式が異なる
アドオンの登録方法が異なる
マニフェストファイルの形式については、Chrome向けアドオンの開発ガイドを参照してください。
アドオンの登録方法については、Chromeウェブストアで公開する方法と、CRXファイルを直接インストールする方法があります。
Chromeウェブストアで公開する場合は、Chromeウェブストアの開発者向けサイトに登録する必要があります。
CRXファイルを直接インストールする場合は、CRXファイルをダウンロードして、Chromeの拡張機能管理画面からインストールします。
Chrome向けアドオンの開発について、詳しくはChrome向けアドオンの開発ガイドを参照してください。
A2. OpenAI (chatGPT3.5)
上記の情報は2020年7月のものであり、その後の Firefox および Chrome のアップデートにより、開発手順が変更される可能性があります。現時点での最新情報を確認することが重要です。ただし、基本的な流れはほぼ同じである可能性が高いです。
現在の Firefox および Chrome のアドオン開発手順について、最新の情報を提供します。
Firefox 向けアドオンの開発手順:
ディレクトリの作成:
適当な場所にディレクトリを作成します。アドオンを登録:
Firefox を起動し、URL 欄に `about:debugging` を入力してデバッガー画面を開き、「この Firefox」をクリックします。
「一時的なアドオンを読み込む...」をクリックし、作成したディレクトリ内の `manifest.json` ファイルを選択します。
動作確認:
適当なウェブサイトにアクセスし、アドオンが正しく動作しているか確認します。アドオンの削除:
開発が終了したら、Firefox を再起動するか、デバッガー画面の「削除」ボタンを押してアドオンを削除できます。
Chrome 向けアドオンの開発手順:
ディレクトリの作成:
適当な場所にディレクトリを作成します。実処理用の JavaScript ファイル (`main.js`) を作成:
Firefox の場合と同様、例えばボーダーの色を変える処理を追加します。アドオンを登録:
Chrome を開き、URL 欄に `chrome://extensions/` を入力して拡張機能画面を開きます。
画面右上の「デベロッパーモード」を有効にし、「パッケージ化されていない拡張機能を読み込む」をクリックして、作成したディレクトリを選択します。
動作確認:
適当なウェブサイトにアクセスし、アドオンが正しく動作しているか確認します。アドオンの削除:
開発が終了したら、拡張機能画面からアドオンを削除できます。
注意: 最新の開発手順については、Firefox Developer Hub および Chrome Extension ドキュメントを確認してください。
A3. BingAI (chatGPT4)
こんにちは、これは Bing です。Firefox と Chrome のアドオン開発についてお尋ねですね。😊
Firefox のアドオン開発については、ご自身で詳しくメモされているように、基本的には Firefox の公式マニュアル¹に従ってファイルの作成から動作確認までの流れを行えば、ほぼ同じ方法で作れます。ただし、Firefox のバージョンによっては、一部の API や機能が変更されたり、非推奨になったりする場合がありますので、その点は注意が必要です²。
Chrome のアドオン開発については、Firefox と似たような手順で行えますが、いくつかの違いがあります。Chrome のアドオンは「拡張機能」と呼ばれ、Chrome ウェブストア⁵からインストールできます。拡張機能の作成には、マニフェストファイル、バックグラウンドスクリプト、コンテンツスクリプト、ポップアップページなどが必要になります⁶。拡張機能の開発には、Chrome の拡張機能管理画面から「デベロッパーモード」を有効にし、「パッケージ化されていない拡張機能を読み込む」をクリックして、作成したファイルを選択します⁶。拡張機能の動作確認には、Chrome の拡張機能管理画面から「更新」ボタンをクリックするか、Chrome を再起動します⁶。
Firefox と Chrome のアドオン開発には、共通点もありますが、それぞれに独自の仕様や制限もありますので、詳しくは以下のリンクを参照してください。
¹: Firefox の拡張機能 - Mozilla | MDN
²: Firefox の拡張機能の互換性 - Mozilla | MDN
³: Firefox 用アドオン - Mozilla
⁴: Firefox のアドオンとブラウザー拡張機能 - Mozilla
⁵: Chrome ウェブストア
⁶: 拡張機能のインストールと管理 - Chrome ウェブストア ヘルプ
⁷: 【2023年最新版】Chromeのおすすめ拡張機能12選！無料もある
⁸: 【2022年最新版】Google Chrome（クローム）拡張機能でおすすめのアドオン18選
結論
もちろん鵜呑みにはせず本など多角的に情報収集予定です
なお作る予定のアドオンは秘密ですが
Chrome向けの方が簡単じゃない？
経緯
一時期はマニアに愛されたFireFoxでしたがモバイル向けにこけて
最近はChrome以外お断りのWebサイトも出てくるなど肩身の狭いあそこなら拡張機能ストア(アドオンダウンロードする場所)の登録審査など簡単かなーと思って調べてみた
いいなと思ったら応援しよう！
