はじめに
ローカル環境、開発環境、本番環境をタブで開いて開発を進めていると、
「あ、本番環境でテストデータを登録してしまった...まずい...」
「修正しても反映されないなぁ... あ、これ開発環境じゃん...」
といったことが発生しやすくなります...
ご紹介するツールを導入すれば、環境ごとの誤操作を減らせます!👍
以前、一緒にお仕事をしていた方に教えていただいたツールです!(knmnありがとう!!)
HamaColorとは
hamakou108さんが開発したChromeの拡張機能になります。
実際にどうなるか
私が開発に携わっている GoSTEP の本番環境です。
画面の枠が赤くなっているのがわかると思います。
どのように設定するのか
まずはDL
下記からChrome拡張をDLしましょう
URLを設定する
Chrome拡張のアイコンをクリックすると画像にある入力画面が出てくるので、
下記のようにします。
https://www.google.com(※サイトのURL),red(※好きな色)
https://www.dev.google.com,cyan(※複数ある場合は改行して記載)
最後に
誤操作でみなさんの多くの時間を取られることが減りますように!!🙏