概要
開発・ステージング・本番環境を一目で区別!カスタマイズ可能なFaviconオーバーレイと画面上のバッジを表示して誤操作を防ぎます。
「間違えて本番環境で操作してしまった…」そんな経験はありませんか? EnvIcon は、開発中のサイトやシステムの「開発環境(DEV)」「ステージング環境(STG)」「本番環境(PROD)」などの違いを視覚的にわかりやすくし、開発者やQAエンジニア、システム運用担当者の誤操作を防止するChrome拡張機能です。 設定したホスト名やURLパターンに応じて、タブのFavicon(アイコン)に文字を重ねて表示したり、Webページの隅に専用のバッジを表示することで、現在どの環境を見ているのかを常に明確にします。 ✨ 主な機能 ✨ - 🔠 Faviconオーバーレイ: サイト本来のアイコンの右下に、「PROD」「STG」など最大4文字のラベルを自動で重ねて表示します。 - 🏷️ ページ内バッジ: Webページの四隅のいずれかに、半透明で目立つテキストバッジを表示できます。 - 🎯 柔軟な一致ルール: 完全一致のホスト名だけでなく、正規表現(Regex)にも対応しているため、複雑なURLパターンの指定も可能です。 - 🎨 完全カスタマイズ可能: - 独自の環境(例: QA, Local, UATなど)を自由にいくつでも作成できます。 - バッジのテキスト、背景色、文字のフチドリ色を環境ごとに自由に変更可能です。 - Faviconの変更機能とページ内バッジ表示機能は、環境ごとに個別にON/OFFを切り替えられます。 - ページ内バッジの位置(四隅)やフォントサイズも自由に設定できます。 - ⚡ 動的アイコン対応: SPAなどでJavaScriptによりFaviconが動的に切り替わるサイトでも、自動的に検知して常にオーバーレイを再適用します。 - 🪟 URLチェッカー機能: 設定したルールが正しく動作するか、設定画面内でURLを入力してすぐにテストできる検証機能を搭載しています。 - 🌍 多言語対応: 設定画面のUIは日本語と英語に対応しています。 🛡️ プライバシーとセキュリティ EnvIconはブラウザ内で完結して動作します。閲覧履歴や入力データなどを外部サーバーへ送信・収集することは一切ありませんので、業務でも安心してご利用いただけます。 環境の取り違えによるミスを防ぎ、毎日の開発・運用業務をより安全で快適にしましょう!お気軽にインストールしてお試しください。
詳細
- バージョン1.3.13
- 更新:2026年5月31日
- 提供元sawarame
- サイズ436KiB
- 言語2 言語
- デベロッパー
メール
dev@sawara.me - 非取引業者このデベロッパーは取引業者として申告していません。EU 加盟国の消費者とこのデベロッパーとの間に締結された契約には、消費者の権利が適用されません。
プライバシー
このデベロッパーは、お客様のデータについて以下を宣言しています
- 承認されている以外の用途で第三者に販売しないこと
- アイテムの中心機能と関係のない目的で使用または転送しないこと
- 信用力を判断する目的または融資目的で使用または転送しないこと