extension-js/extension.js

これは何？

主な機能

• 01拡張機能の各ページでのホットモジュール置換と、Content ScriptおよびService Workerの対象を絞った再読み込み
• 02webpackやrollupの設定を維持する必要がない、ゼロ設定のセットアップ
• 03デフォルトでManifest V3を使用し、Chrome、Edge、Firefox、Safari向けのアダプターを提供
• 04ストア申請用のZIPファイルにパッケージ化された本番ビルド
• 05CLIからインストールできる管理対象ブラウザーのバイナリ
• 06TypeScript、React、Vue、Svelte、Preactを標準でサポート

ユースケース

• Chrome Web StoreとFirefox Add-onsの両方で公開するクロスブラウザー拡張機能の開発
• 単一のdevDependencyを追加して、既存の拡張機能にホットリロードを導入
• テスト用にGitHub上のChromeサンプルをEdgeまたはFirefoxで実行
• React、Vue、Svelte、Preactで拡張機能のUIを開発

クイックスタート

1. 1

   CLIで新しいプロジェクトを作成する

   npx extension@latest create my-extension
2. 2

   プロジェクトフォルダーに移動する

   cd my-extension
3. 3

   dev serverを起動してブラウザーを開く

   npm run dev

使う前に知っておきたいこと

• !CLIの実行にはNode.js 22.12+、Deno 2.5+、またはBun 1.2+が必要です。
• !Deno 2.8.0はCLIで拒否されます。

収録されている特集

トピック

よくある質問

extension.js とは？

ゼロ設定の開発サーバー、ホットリロード、Chrome・Edge・Firefox・Safari向けビルドを備えたクロスブラウザー拡張機能フレームワーク。 Extension.jsは、ブラウザー拡張機能を開発するためのCLIとビルドツールチェーンです。単一のコードベースからChrome、Edge、Firefox、Safariを対象にでき、デフォルトではManifest V3を使用し、各ブラウザーの違いに合わせたアダプターを自動で適用します。

extension.js は無料で使えますか？ライセンスは？

extension.js は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

extension.js は今もメンテナンスされていますか？

活発にメンテナンス中。extension.js の最終コミットは 2026年10月22日 です。

extension.js は何に使えますか？

Chrome Web StoreとFirefox Add-onsの両方で公開するクロスブラウザー拡張機能の開発 単一のdevDependencyを追加して、既存の拡張機能にホットリロードを導入 テスト用にGitHub上のChromeサンプルをEdgeまたはFirefoxで実行 React、Vue、Svelte、Preactで拡張機能のUIを開発

extension.js のインストール方法は？

CLIで新しいプロジェクトを作成する: npx extension@latest create my-extension プロジェクトフォルダーに移動する: cd my-extension dev serverを起動してブラウザーを開く: npm run dev

extension.js はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/extension-js/extension.js