— Chrome Extension

本番枠

本番環境の「うっかりミス」を、色で防ぐ。

本番枠は、AWSコンソールやデータベース管理画面など、本番環境のURLを開いた瞬間に画面の周囲へ色付きの枠を表示するChrome拡張機能です。視覚的な警告によって、開発環境と本番環境の混同による操作ミスを未然に防ぎます。

開発者コメント

こんにちは。合同会社しゅしの西尾です。

今回は「本番枠」というchromeの拡張機能を作りましたのでご紹介いたします。

「開発環境で行うべき操作を本番環境で実行してしまった☠」
そんな事故を防ぐための拡張機能です。

例えば、本番環境のAWSコンソールにアクセスしたら画面の周りに赤い「枠」が現れる、といった設定が簡単にできる拡張機能です。
ぜひ使ってみてください！

01使い方

設定して、開くだけ。

02主な機能

登録したURLパターンにマッチするページを開くと、画面周囲に設定した色の枠が自動表示。本番は赤、ステージングは黄色、といった使い分けが可能です。

URLと色の組み合わせを複数登録でき、プロジェクトや環境の数に合わせて柔軟に設定できます。一覧で確認・削除も。

設定の変更は保存後すぐに反映されます。ブラウザの再起動は不要です。

すべての設定情報はブラウザのローカルストレージにのみ保存。外部サーバーへのデータ送信は一切ありません。

03設定例

権限の要求は最小限。インストール後すぐに設定画面から利用を開始できます。
ご質問・ご要望・不具合報告はお気軽にどうぞ。