teratail のポップアップ通知はどうやって実装しているのでしょうか？　PC右下にタイムリー表示される案内です

teratail のポップアップ通知はどうやって実装しているのでしょうか？
・PC右下に表示される(回答が着きました等の)タイムリーな通知案内です
・クッキーから判断してPUSH通信か何かをやっているのでしょうか？

行動規範の内容に同意します

回答2件

ベストアンサー

「どうやってリアルタイムで通知が来たことを検知しているのか？」と「どうやって通知を出しているのか？」の二つに分かれるかともいます。

###どうやってリアルタイムで通知が来たことを検知しているのか？
本来、HTTPの仕組みでは、通信のきっかけはクライアントからサーバへの一方向のみであり、サーバからクライアントへアクションを起こすことはできませんでした。ですが、先人達の工夫や新しい技術を使って、サーバからの通知を受け取る手段があります。ただいくつかの方法があり、対応ブラウザや負荷などを考えて選ぶ必要があるようです。どのような方法があるかは下のスライドショーが参考になると思います。
サーバPUSHざっくりまとめ
teratailがどの方法を使っているかはちょっとわかりませんでした。

###どうやって通知を出しているのか？
ただのカスタマイズされたポップアップウィンドウのようです。teratailはオリジナルのようですが、Notify.jsのような便利なライブラリもあるようですので、実装は簡単かと思います。

投稿2016/04/07 22:01