HTML5のServer-Sent Events（SSE）とは？サーバーからブラウザへイベントを配信する仕組みを解説

HTML5のServer-Sent Events（SSE）とは

従来のWebアプリケーションでは、イベントはクライアント側からWebサーバーへ向かって発生します。たとえば、ページ上のリンクをクリックすると、その操作がサーバーに伝わり、新しいページがリクエストされるという流れです。

このように、WebブラウザからWebサーバーへ流れるイベントは、「クライアント送信イベント（client-sent events）」と呼ばれます。

サーバーからブラウザへ流れる新たなイベント

HTML5では、WHATWG Web Applications 1.0の仕様の一環として、逆方向――すなわちWebサーバーからWebブラウザへ流れるイベントが導入されました。これが「Server-Sent Events（SSE：サーバー送信イベント）」です。

SSEを活用することで、Webサーバーから訪問者のブラウザに対して、DOMイベントを継続的にプッシュ配信できます。

イベントストリーミングの仕組み

このイベントストリーミングのアプローチでは、サーバーとの間に永続的な接続（persistent connection）が確立されます。そして、新しい情報が利用可能になった時点で、その都度クライアントへデータが送信されます。

これにより、クライアントが定期的にサーバーへ問い合わせを繰り返す「ポーリング」の必要性が排除され、より効率的でリアルタイム性の高い通信が実現します。

まとめ

Server-Sent Eventsは、サーバーからクライアントへデータをストリーミング配信する方法を標準化した技術です。チャットアプリの通知更新やニュースフィード、株価表示など、リアルタイム性が求められる場面で特に有用です。双方向通信が必要なWebSocketと比べると実装がシンプルで、既存のHTTPインフラをそのまま活用できる点も大きな魅力といえるでしょう。