Production Alert

特定のドメインでマウスカーソル付近に警告文字を表示し、本番環境での誤操作を防ぎます

# Production Alert 特定のドメインのサイトを開いたときに、マウスカーソルの右下に警告ラベルを表示する Chrome 拡張機能です。 検証環境で行うつもりの作業を誤って本番環境で実行してしまう事故を防ぎます。 ## 機能 - ✅ 指定したドメインでマウスカーソル右下に警告ラベルを表示 - ✅ ドメイン・表示文字列・文字色・背景色を自由に設定 - ✅ 複数のドメインパターンを管理可能 - ✅ ワイルドカード対応（`*.example.com` など） - ✅ パス指定対応（`example.com/admin` など） - ✅ 優先順位設定（複数マッチ時はリスト上位を適用） - ✅ リアルタイムでマウスに追従する警告表示 ## 使い方 ### 1. 設定画面を開く - ツールバーの拡張機能アイコンを右クリック →「オプション」 - または `chrome://extensions/` で「Production Alert」の「詳細」→「拡張機能のオプション」 ### 2. 警告設定を追加 1. 「+ 新しい設定を追加」ボタンをクリック 2. 以下の項目を入力： - **ドメイン**: 警告を表示したいドメイン（例: `production.example.com`） - **表示文字列**: 表示したいテキスト（例: `本番環境`） - **文字色** / **背景色**: カラーピッカーまたは16進数で指定 3. 「保存」ボタンをクリック ### 3. ドメインパターンの指定方法 #### ドメインのみ指定 - `example.com` — 完全一致（`example.com` のすべてのページ） - `*.example.com` — サブドメイン全て（`sub.example.com`, `test.example.com` など） - `*production*` — 部分一致（`production.example.com`, `myproduction.com` など） - `*` — すべてのドメイン #### パス（ディレクトリ）も含めて指定 - `example.com/admin` — `example.com/admin` 以下のすべてのページ - `*.example.com/api` — すべてのサブドメインの `/api` 以下 - `example.com/admin/*` — 明示的なワイルドカード指定も可能 ### 4. 複数設定の管理 - **追加**: 「+ 新しい設定を追加」ボタン - **編集 / 削除**: 各設定のボタンから - **並び替え**: 「↑」「↓」ボタンで順序を変更 複数のパターンが同じページにマッチする場合、リストの上にある設定が優先されます。 ## 設定例 | 用途 | ドメイン | 表示文字列 | 背景色 | |---|---|---|---| | 本番環境 | `*.production.example.com` | `本番環境` | `#dc2626`（赤） | | ステージング環境 | `*.staging.example.com` | `ステージング環境` | `#f59e0b`（オレンジ） | | 開発環境 | `localhost` | `開発環境` | `#10b981`（緑） | | 管理画面 | `admin.example.com/admin_console` | `管理画面` | `#dc2626`（赤） | ## プライバシー - この拡張機能はユーザーデータを一切収集・外部送信しません - 警告設定は `chrome.storage.sync` に保存され、お使いの Google アカウントの Chrome 同期の範囲内でのみ扱われます - すべてのサイトで動作する権限（コンテンツスクリプト）は、ユーザーが任意のドメインを警告対象に設定できるようにするためだけに使用します ## 権限について | 権限 | 用途 | |---|---| | `storage` | 警告設定（ドメイン・表示文字列・色）の保存 | | すべてのサイトへのアクセス | ユーザーが設定した任意のドメインで警告ラベルを表示するため | ## トラブルシューティング ### 警告が表示されない 1. 設定画面でドメインパターンが正しいか確認 2. ページを再読み込み（設定は次回読み込み時から反映されます） 3. 拡張機能を再読み込み（`chrome://extensions/` で更新ボタン） 4. ブラウザのコンソール（F12 → Console）でエラーが出ていないか確認 ### 設定が保存されない - Chrome の同期設定が有効か確認 - `chrome.storage.sync` の容量制限（設定件数が極端に多い場合）に達していないか確認 ## 技術スタック - Manifest V3 - Chrome Storage API - Vanilla JavaScript（フレームワーク不使用） ## ライセンス MIT