環境ごとにファビコンの色を変える小技。
前々職にいたデザイナーさんがやってたのを見てから、使わせてもらってます。
yagishの場合こんな感じ。タブを見ると一瞬で分かる。
明らかにヤバい紫のヤギ大根が開発(社内サーバー)
まだできてなさそうな緑のヤギ大根がステージング(Firebase)
白いヤギ大根が本番(Firebase)
ただそれだけのことなんだけど、実際使ってみると「これがデザインの力か」と実感できるはず。
これ開発?本番?と悩む時間が無くなる。
見て一発で分かる、考えたり読まなくていいって大事。
ちなみにyagishではロゴがSVGでVue側で操作できることを活かしてロゴも変えてます
実装方法としてはだいたい環境変数で切り替えるんだけど、ただテンプレートでlinkタグをif文で切り替えるか、フレームワーク等によってはプラグインでhead内のタグを管理してるから面倒だったりする。
- 作者: 筒井美希
- 出版社/メーカー: エムディエヌコーポレーション
- 発売日: 2015/07/31
- メディア: 単行本
- この商品を含むブログ (7件) を見る
- 作者: Robin Williams,小原司,米谷テツヤ,吉川典秀
- 出版社/メーカー: マイナビ出版
- 発売日: 2016/06/30
- メディア: 単行本(ソフトカバー)
- この商品を含むブログ (3件) を見る