こんな手が！Faviconを使って通知数を表示する·Tinycon MOONGIFT

Tinyconは未読などの通知をWebブラウザのお気に入りアイコンの上に表示するソフトウェアです。 Webサービスでメッセージをやり取りしたり、チャットなどで新着通知を出したいことがあります。そんな時にタイトルで教える方法もありますが、Tinyconは面白いことにFaviconを使って通知ができます。 Faviconの下に数字が書かれています。数秒ごとに自動で繰り上がっていきます。 デモです。どんどん数字が繰り上がっていきます。 実装する際のコードです。数値を当てるだけの簡単な使い方です。 Faviconの画像に数値を重ねて表示する程度であればサーバサイドでも実装できるでしょうが、TinyconはリアルタイムにFaviconを変化させられる点が強みです。メッセージを受け取ったタイミングで変化させればユーザの気付きにも役立つことでしょう。 TinyconはJavaScript製のオープンソー

[rryu]

キャンバスにfaviconと数字を重ね書きして、そのdata URLをlink要素に設定することで実現。

[satohu20xx]

へー、面白い。base64で動的にfavicon用に重ねた画像を作って無理やり書き換えてるのか。

[raimon49]

良いアイディア

[igrep]

JavaScriptのライブラリなんだね。すごい。

[lizy]

なるほど、裏でcanvasを作ってそこで動的にアイコン画像を作成しているらしい

[civicpg]

https://github.com/tommoor/tinycon リアルタイムにfaviconで更新数を更新

[qt4cpp]

こんな手が！Faviconを使って通知数を表示する「Tinycon」

[nasu_t]

javascript tinycon favicon

[trashtoy]

この発想はなかった。Googleカレンダーのリアル日付表示やiPhoneの気温アプリに通じるものがあるな。

[ysk_lucky-star]

この発想はなかった

[itbookmarker]

こんな手が！Faviconを使って通知数を表示する「Tinycon」

[k_gobo]

Faviconってそんなに見る？

[willnet]

これいいね

[emj1025]

faviconに通知数表示

[warriorking]

こんな手が！Faviconを使って通知数を表示する「Tinycon」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブ...

[day_bee]

これは地味に素晴らしいな。

[red_snow]

なるほど

[TacoS]

faviconに簡単に数値重ねできるの便利そう

[chuhey]

これいいなー。こういう小さなアイディアってホヘーってなるの多いな。

[heavenshell]

ほー面白いアイディア