plasmo-extension-architect

Plasmo 拡張機能アーキテクト

MV3 サービスワーカー、コンテンツスクリプト、UI サーフェスを備えた Plasmo ベースの拡張機能を設計します。

使用する場面

• Plasmo 拡張機能を構築する場合
• コンテンツスクリプトやメッセージングを追加する場合
• ポップアップ、オプション、サイドパネルの UI を設計する場合

主要なパターン

• サービスワーカーはステートレスに保ち、データはストレージに保存します。
• 明示的なメッセージ型と型付きペイロードを使用します。
• コンテンツスクリプトの挿入を制御し、冪等にします。
• UI は小さく高速に保ち、設定にはストレージ同期を使用します。

代表的なサーフェス

• background.ts
• content-script.ts
• popup.tsx
• options.tsx

セキュリティ

• ホスト権限を最小限に抑えます。
• メッセージを検証します。
• DOM にシークレットを保存しないようにします。

ビルドと開発

• ローカル開発には plasmo dev を使用します。
• マニフェストの権限を機能に合わせます。
• 長時間実行されるタスクについて、MV3 の制約を検証します。