.zip でのパッケージ作成方法

Chrome拡張機能を .zip 形式でパッケージ化することは、拡張機能をChrome Web Storeにアップロードする際や、ローカルでの配布・検証時に必要な手順です。以下に、.zip でのパッケージ作成方法を詳しく説明します。

---

.zip でのパッケージ作成方法（Chrome拡張機能）

1. 拡張機能のディレクトリ構成を確認する

拡張機能のファイルは1つのフォルダにまとめておきます。たとえば以下のような構成になります：

pgsql
my-extension/
├── manifest.json
├── background.js
├── content_script.js
├── popup.html
├── popup.js
└── icons/
    └── icon128.png

• manifest.json が必須です。

• すべての関連ファイル（HTML、JS、CSS、画像など）を同一ディレクトリ内に配置しておく必要があります。

---

2. 不要なファイルを除外する

• .git や .DS_Store、node_modules などの不要なファイルやディレクトリは削除しておきます。

• Chrome Web Store にアップロードできるファイルサイズ制限（現在最大15MB）に注意してください。

---

3. ZIP形式で圧縮する

Windowsの場合

1. 拡張機能のルートフォルダ（例：my-extension）を開く。

2. すべてのファイルとフォルダを選択（Ctrl + A）。

3. 右クリックして「送る」→「圧縮(zip形式)フォルダー」を選択。

4. my-extension.zip が作成されます。

※注意：my-extension フォルダ全体を圧縮するのではなく、中身のみを選択して圧縮します。圧縮後のZIPファイル内に manifest.json がトップレベルで存在している必要があります。

macOS / Linux の場合（ターミナル）

bash
cd my-extension
zip -r ../my-extension.zip ./*

このコマンドで my-extension.zip が一つ上の階層に作成されます。

---

4. パッケージの確認

ZIPファイルの内容を確認し、トップレベルに manifest.json があることを確認してください。

---

5. Chrome Web Store にアップロード（署名）

Chrome Web Store に .zip をアップロードすることで、自動的に署名され、拡張機能として公開または配布可能になります。

---

補足：ローカルで .crx ファイルを作成したい場合

Googleが推奨していないためChrome Web Storeでの配布には .crx は使用しませんが、ローカルで署名・配布したい場合には以下の手順で .crx を作成することもできます：

bash
chrome --pack-extension=/path/to/my-extension --pack-extension-key=/path/to/key.pem

ただし、.crx の使用はセキュリティ上の理由から非推奨とされています。

---

まとめ