【自作Chrome拡張機能公開】 気になるリンクを開きまくって、後でまとめて確認したい

はじめに

ネットで調べ物をするとき、

1. 気になるリンクをとりあえず全部開く。
2. 後でまとめて確認。

をする人用のブラウザ拡張機能です。Chrome/Edge用とFirefox用があります。

ブラウザ拡張機能

Google検索結果のリンクを新しいタブで開く

New tab from search results (Chrome/Edge🡭 / Firefox🡭)

• 設定変更なしでGoogle検索結果のリンクを新しいタブで開きます。

一時的にリンクを新しいタブで開けるようにする

Double-click to page lock (Chrome/Edge🡭 / Firefox🡭)

• ウェブページの余白をダブルクリックすると、ロック状態が切り替わります。
• ロック中はリンクを新しいタブで開きます。

Yahooニュースを新しいタブで開く

New tab from YJNews (Chrome/Edge🡭 / Firefox🡭)

• Yahoo! JAPANトップページ上部にあるピックアップニュースのリンクを新しいタブで開きます。

参考URL

リファレンス

全般

• 拡張機能 / リファレンス  |  Reference  |  Chrome for Developers

ユーザーインターフェイス

• ユーザーインターフェイス - Mozilla | MDN

manifest.json

• manifest.json - Mozilla | MDN
• マニフェスト ファイル形式  |  Manifest  |  Chrome for Developers

権限付与

• 権限を宣言する  |  Extensions  |  Chrome for Developers
• 「activeTab」権限  |  Extensions  |  Chrome for Developers

メッセージ

• メッセージ受け渡し  |  Extensions  |  Chrome for Developers

作成

とりあえず作成。actionのdefault_popupを利用してツールバーのアイコンクリック時にポップアップを表示させます。

• 拡張機能のチュートリアルを作成する(パート 1) - Microsoft Edge Developer documentation | Microsoft Learn
• 拡張機能のチュートリアルを作成する(パート 2) - Microsoft Edge Developer documentation | Microsoft Learn
• chrome.action  |  API  |  Chrome for Developers

actionのdefault_popupを利用すると、chrome.action.onClickedが有効になりません。chrome.action.onClickedを利用する場合はactionのdefault_popupを設定しないようにします。

全般

• はじめての Chrome 拡張 最小構成ハンズオン #JavaScript - Qiita
• Chrome拡張の開発方法まとめ　その1：概念編 #JavaScript - Qiita

プライバシーポリシー

• Updated Privacy Policy & Secure Handling Requirements  |  Chrome Web Store - Program Policies  |  Chrome for Developers

移植

• Firefox に乗り換えよう！ 〜拡張機能を移行する〜 #JavaScript - Qiita
• Chrome 拡張機能を Microsoft Edge に移植する - Microsoft Edge Developer documentation | Microsoft Learn
• google chrome - Manifest v3 background scripts/service worker on Firefox - Stack Overflow
• Manifest Version 3 background.Service_Worker is currently disabled · Issue #2532 · mozilla/web-ext · GitHub
• background - Mozilla | MDN

多言語対応

• Chrome拡張の作り方 26 多言語対応 - YouTube
• Chrome拡張機能の開発入門（国際化対応編）

動作確認

Chrome

• 自作Chrome拡張機能をテストする方法

Firefox

• 自作Firefox拡張機能をテストする方法

• 再読み込みした拡張機能をページに反映するにはページのリロードが必要です。
• エラーがある場合、エラー表示がでます。エラーを削除するにはごみ箱アイコンを押します。再読み込みしただけでは消えません。

申請

申請全般

• クロスブラウザなブラウザ拡張を開発・審査・公開するまで【Chrome拡張】 - Qiita

Googleアカウント作成/申請

• Chrome拡張機能の申請手順 #JavaScript - Qiita
• Chrome拡張機能のストア公開手順を実例とスクショ付きでまとめました #chrome-extension - Qiita

Firefoxアカウント作成/申請

• 開発者センター :: Firefox向けアドオン
• Firefoxのアドオン開発について(配布編) | 森林ソフト

アップデート

Google

• 公開したChrome拡張機能のアップデート手順

Firefox

• アップデートしたいアドオンを選択 → 左側の「新バージョンをアップロード」を選択

その他

二要素認証（2FA）

• 二要素認証と二段階認証の違いを理解していますか？ | サイバーセキュリティ情報局
• あなたのアカウントを守る、2段階認証アプリ5選 | ギズモード・ジャパン
• 時間ベースのワンタイムパスワードとは（TOTP） – Keeper
• 「Google認証システム」がアカウント同期に　機種変が気楽に - ITmedia NEWS
• 物理セキュリティキーとは？その仕組みやメリットデメリットについて徹底解説｜サイバーセキュリティ.com
• グーグルが物理的な認証キーの新バージョン、「パスキー」を保存してPCを守るデバイスへと進化 | WIRED.jp
• パスキーとは　FIDO認証との違い、3つのメリットと課題 - WOR(L)D ワード｜大和総研の用語解説サイト

Google rand Resource Center

• GoogleやYouTubeなどのロゴを使用する時のガイドラインとダウンロード・リンク集まとめ | nemuu.net
• Brand Resource Center
• Brand Resource Center | Products and Services - Search Guidelines
• Brand Resource Center | Guidance
• Brand Resource Center | Trademark list

2次元回転座標系

• 2次元回転座標系 | 高校物理の備忘録