見ている画面の環境(開発や本番など)を識別してくれるツール

ウェブの開発をしていると、ローカルの開発環境、本番前にテストするステージング環境、本番環境など数種類の環境をいったりきたりして作業することって多いですよね。
そして作業していると「あっ、この画面違う環境だったー」ってこともよくあります。
そんな時にこのChromeエクステンションを使うと環境の確認を視覚的に助けてくて便利なので紹介します。
https://chrome.google.com/webstore/detail/envflag/gepeheajhmnbljihadnmbdgljaemcdhl

使い方は簡単です。
このようにしておけばエクステンションの色でいまどの環境の画面を見ているかを識別させてくれます。
Example

prod www.example.com
stage stag.example.com
dev dev.example.com

# comments...
prod www.foobar.com
stage www.foobar.com/stag
dev www.foobar.com/dev

開発しているのは Craftsman Software, Inc. の開発者 Hidehito Nozawa さんです。これって便利です！ありがとうございます！