本番ツール (Honban Tool)

アクセス中の環境（本番/ステージング/開発）を可視化し、本番での誤操作を防ぐブラウザ拡張

「これ、本番だったのか…！」をなくすための、開発者向けの環境インジケーターです。 アクセスしているURLから「本番／ステージング／開発」などの環境を自動判定し、ページ上に枠・バナー・バッジなどで強調表示します。本番環境にいることが一目でわかるので、テストデータの投入やデータ破壊といったうっかり操作を未然に防げます。 ■ 主な機能 ・URL（ホスト名）ルールで環境を自動判定（ワイルドカード／正規表現に対応） ・5種類の表示を自由に切り替え：ページ全体の枠／上部バナー／隅のバッジ／favicon 書き換え／タブ名プレフィックス ・環境ごとに色・ラベルを自由に設定 ・ツールバーアイコンのクリックですぐ設定できるポップアップ ・複数案件をグループでまとめて管理、グループ単位で一括 ON/OFF ・設定を JSON で書き出し／読み込み → チームで共有 ・（実験的）本番でのフォーム送信時に確認ダイアログを表示 ■ こんな方に ・本番と検証環境を行き来する Web 開発者 ・管理画面や CMS でデータを扱う運用担当者 ・チームで環境ごとの見た目を揃えたい開発チーム ■ プライバシー ページの内容を読み取ったり、外部サーバーへ送信することは一切ありません。設定はお使いのブラウザ内に保存され、同一アカウントの端末間でのみ同期されます。 ## 紹介テキスト（English） ### Short description Highlights the current environment (production / staging / development) with a frame, banner, or badge so developers avoid mistakes on production. ### Detailed description An environment indicator for developers — so you never think “wait, was that production?!” again. It automatically detects the environment (production / staging / development, etc.) from the page URL and highlights it with an on-page frame, banner, or badge. Seeing at a glance that you’re on production helps prevent accidents like entering test data or breaking real data. Features - Auto-detect environments by hostname rules (wildcard / regex) - Five switchable indicators: full-page frame, top banner, corner badge, favicon recolor, tab title prefix - Per-environment colors and labels - Quick settings popup from the toolbar icon - Group multiple projects and toggle a whole group on/off - Export / import settings as JSON to share within your team - (Experimental) Confirm dialog on form submit in production Privacy It never reads page contents or sends anything to external servers. Settings are stored in your browser and synced only across your own signed-in devices.