TAEKO AKATSUKA
Update OGP画像 [skip notice]
Updated by taea 2020-01-20 14:14:15 +0900
  • # 今回のリリース内容
  • ![favicon-tabs.png (32.9 kB)](https://img.esa.io/uploads/production/attachments/105/2020/01/20/2/3a173abc-f8b1-4cf1-b683-8adffc7231d1.png)
  • ![favicon-tabs.png (36.7 kB)](https://img.esa.io/uploads/production/attachments/105/2020/01/20/2/f9d45cb9-fa24-4ca8-8fd7-447bf708a047.png)
  • 以前より、主に複数のesaチームをご利用の方々から、ブラウザのタブでチームの区別がつくようにしたいという要望をいただいており、今回、利用中のテーマカラーに応じて、Faviconの背景色が変わるようにしてみました。
  • <span class="small">※ esaではチーム/ユーザーごとにテーマカラーが設定できるようになっています: [#274: ReleaseNotes/2018/06/29/テーマカラーが選べるようになりました](/posts/274) </span>
  • ## 手順
  • 画面右上のメニューからテーマカラーを変更すると、
  • ![image.png (570.2 kB)](https://img.esa.io/uploads/production/attachments/105/2020/01/20/2/2481aa83-0e03-4b59-8e93-4a664f76a5e2.png)
  • テーマカラーと連動して、同じ背景色のFaviconがブラウザのタブに表示されます。
  • ![image.png (4.3 kB)](https://img.esa.io/uploads/production/attachments/105/2020/01/20/2/08024c26-417e-4f26-846e-6dc741735271.png)
  • <span class="small">※ Safariでは反映にキャッシュのクリアが必要になります</span>
  • ## デフォルトのFaviconのデザインも変更になりました
  • この変更に伴い、デフォルトのFaviconのデザインも変更になりました。
  • ### Before
  • <img src="https://img.esa.io/uploads/production/attachments/105/2020/01/20/2/ed32182c-f844-4a87-8caf-09b1504e456e.png" width="200">
  • ### After
  • <img src="https://img.esa.io/uploads/production/attachments/105/2020/01/20/2/0a93bd45-eadf-41dc-84cf-71e8bd6361ba.png" width="200">
  • こちらも以前より、白背景のタブの上ではトリの顔が溶け込んでしまうという問題(通称: 保護色問題)がありましたが、今回の変更で解決されています。
  • <img src="https://img.esa.io/uploads/production/attachments/105/2020/01/20/2/9a9ff94a-ace5-4be8-9e7e-97156c3567bb.png" width="300">
  • <br><span class="small">↑ 保護色問題(それはそれで個人的にはかわいくて嫌いではなかったのですが…サヨナラ (⁰⊖⁰)</span>
  • # 所感
  • リリースノートを出す前に、何人か気づいた方がいるのを観測しました =͟͟͞͞ (\\( ⁰⊖⁰)/)ハヤイ
  • <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">esa の favicon が変わってた</p>&mdash; suzuki86 (@suzuki862) <a href="https://twitter.com/suzuki862/status/1219104708830187520?ref_src=twsrc%5Etfw">January 20, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  • <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">esa の Favicon変わってそう!</p>&mdash; イルカ@JPUG &amp; 岡山swift (@ikkitang) <a href="https://twitter.com/ikkitang/status/1219106085388161025?ref_src=twsrc%5Etfw">January 20, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  • <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">esaのfavicon変わった?(左が午前中に開いたタブで右がさっき開いたタブ) <a href="https://t.co/yCYYC235Ys">pic.twitter.com/yCYYC235Ys</a></p>&mdash; sue445 (@sue445) <a href="https://twitter.com/sue445/status/1219109532304994304?ref_src=twsrc%5Etfw">January 20, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  • <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">esa チームのテーマカラーが favicon に反映されるようになっとる さいこう</p>&mdash; kyokutyo (@kyokutyo) <a href="https://twitter.com/kyokutyo/status/1219116587413733379?ref_src=twsrc%5Etfw">January 20, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  • <blockquote class="twitter-tweet"><p lang="ja" dir="ltr">esaのファビコンが変わってる。。。?</p>&mdash; ayato (@szk_ayt) <a href="https://twitter.com/szk_ayt/status/1219123217345855488?ref_src=twsrc%5Etfw">January 20, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
  • ---
  • [ProTip] [Webhookでdocs.esa.ioの更新通知を受け取れるようになりました!](/posts/73)
  • Enjoy "(\\( ⁰⊖⁰)/)"
  • https://esa.io

今回のリリース内容

favicon-tabs.png (32.9 kB)favicon-tabs.png (36.7 kB)

以前より、主に複数のesaチームをご利用の方々から、ブラウザのタブでチームの区別がつくようにしたいという要望をいただいており、今回、利用中のテーマカラーに応じて、Faviconの背景色が変わるようにしてみました。

※ esaではチーム/ユーザーごとにテーマカラーが設定できるようになっています: #274: ReleaseNotes/2018/06/29/テーマカラーが選べるようになりました

手順

画面右上のメニューからテーマカラーを変更すると、

image.png (570.2 kB)

テーマカラーと連動して、同じ背景色のFaviconがブラウザのタブに表示されます。

image.png (4.3 kB)

※ Safariでは反映にキャッシュのクリアが必要になります

デフォルトのFaviconのデザインも変更になりました

この変更に伴い、デフォルトのFaviconのデザインも変更になりました。

Before

After

こちらも以前より、白背景のタブの上ではトリの顔が溶け込んでしまうという問題(通称: 保護色問題)がありましたが、今回の変更で解決されています。


↑ 保護色問題(それはそれで個人的にはかわいくて嫌いではなかったのですが…サヨナラ (⁰⊖⁰)

所感

リリースノートを出す前に、何人か気づいた方がいるのを観測しました =͟͟͞͞ (\( ⁰⊖⁰)/)ハヤイ


[ProTip] Webhookでdocs.esa.ioの更新通知を受け取れるようになりました!

Enjoy "(\( ⁰⊖⁰)/)"
https://esa.io

# 今回のリリース内容



![favicon-tabs.png (36.7 kB)](https://img.esa.io/uploads/production/attachments/105/2020/01/20/2/f9d45cb9-fa24-4ca8-8fd7-447bf708a047.png)



以前より、主に複数のesaチームをご利用の方々から、ブラウザのタブでチームの区別がつくようにしたいという要望をいただいており、今回、利用中のテーマカラーに応じて、Faviconの背景色が変わるようにしてみました。

<span class="small">※ esaではチーム/ユーザーごとにテーマカラーが設定できるようになっています: [#274:  ReleaseNotes/2018/06/29/テーマカラーが選べるようになりました](/posts/274) </span>

## 手順

画面右上のメニューからテーマカラーを変更すると、

![image.png (570.2 kB)](https://img.esa.io/uploads/production/attachments/105/2020/01/20/2/2481aa83-0e03-4b59-8e93-4a664f76a5e2.png)

テーマカラーと連動して、同じ背景色のFaviconがブラウザのタブに表示されます。

![image.png (4.3 kB)](https://img.esa.io/uploads/production/attachments/105/2020/01/20/2/08024c26-417e-4f26-846e-6dc741735271.png)

<span class="small">※ Safariでは反映にキャッシュのクリアが必要になります</span>

## デフォルトのFaviconのデザインも変更になりました

この変更に伴い、デフォルトのFaviconのデザインも変更になりました。

### Before

<img src="https://img.esa.io/uploads/production/attachments/105/2020/01/20/2/ed32182c-f844-4a87-8caf-09b1504e456e.png" width="200">

### After

<img src="https://img.esa.io/uploads/production/attachments/105/2020/01/20/2/0a93bd45-eadf-41dc-84cf-71e8bd6361ba.png" width="200">


こちらも以前より、白背景のタブの上ではトリの顔が溶け込んでしまうという問題(通称: 保護色問題)がありましたが、今回の変更で解決されています。

<img src="https://img.esa.io/uploads/production/attachments/105/2020/01/20/2/9a9ff94a-ace5-4be8-9e7e-97156c3567bb.png" width="300">
<br><span class="small">↑ 保護色問題(それはそれで個人的にはかわいくて嫌いではなかったのですが…サヨナラ (⁰⊖⁰)</span>

# 所感

リリースノートを出す前に、何人か気づいた方がいるのを観測しました =͟͟͞͞ (\\( ⁰⊖⁰)/)ハヤイ 

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">esa の favicon が変わってた</p>&mdash; suzuki86 (@suzuki862) <a href="https://twitter.com/suzuki862/status/1219104708830187520?ref_src=twsrc%5Etfw">January 20, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">esa の Favicon変わってそう!</p>&mdash; イルカ@JPUG &amp; 岡山swift (@ikkitang) <a href="https://twitter.com/ikkitang/status/1219106085388161025?ref_src=twsrc%5Etfw">January 20, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">esaのfavicon変わった?(左が午前中に開いたタブで右がさっき開いたタブ) <a href="https://t.co/yCYYC235Ys">pic.twitter.com/yCYYC235Ys</a></p>&mdash; sue445 (@sue445) <a href="https://twitter.com/sue445/status/1219109532304994304?ref_src=twsrc%5Etfw">January 20, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">esa チームのテーマカラーが favicon に反映されるようになっとる さいこう</p>&mdash; kyokutyo (@kyokutyo) <a href="https://twitter.com/kyokutyo/status/1219116587413733379?ref_src=twsrc%5Etfw">January 20, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

<blockquote class="twitter-tweet"><p lang="ja" dir="ltr">esaのファビコンが変わってる。。。?</p>&mdash; ayato (@szk_ayt) <a href="https://twitter.com/szk_ayt/status/1219123217345855488?ref_src=twsrc%5Etfw">January 20, 2020</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

---
[ProTip] [Webhookでdocs.esa.ioの更新通知を受け取れるようになりました!](/posts/73) 

Enjoy "(\\( ⁰⊖⁰)/)"
https://esa.io

今回のリリース内容

favicon-tabs.png (36.7 kB)

以前より、主に複数のesaチームをご利用の方々から、ブラウザのタブでチームの区別がつくようにしたいという要望をいただいており、今回、利用中のテーマカラーに応じて、Faviconの背景色が変わるようにしてみました。

※ esaではチーム/ユーザーごとにテーマカラーが設定できるようになっています: #274: ReleaseNotes/2018/06/29/テーマカラーが選べるようになりました

手順

画面右上のメニューからテーマカラーを変更すると、

image.png (570.2 kB)

テーマカラーと連動して、同じ背景色のFaviconがブラウザのタブに表示されます。

image.png (4.3 kB)

※ Safariでは反映にキャッシュのクリアが必要になります

デフォルトのFaviconのデザインも変更になりました

この変更に伴い、デフォルトのFaviconのデザインも変更になりました。

Before

After

こちらも以前より、白背景のタブの上ではトリの顔が溶け込んでしまうという問題(通称: 保護色問題)がありましたが、今回の変更で解決されています。


↑ 保護色問題(それはそれで個人的にはかわいくて嫌いではなかったのですが…サヨナラ (⁰⊖⁰)

所感

リリースノートを出す前に、何人か気づいた方がいるのを観測しました =͟͟͞͞ (\( ⁰⊖⁰)/)ハヤイ


[ProTip] Webhookでdocs.esa.ioの更新通知を受け取れるようになりました!

Enjoy "(\( ⁰⊖⁰)/)"
https://esa.io