フロントエンド・PHPカンファレンス北海道2026
トーク(15分)
フロントエンド
リアルタイム通信における、SSEとWebSocketをイベント駆動で管理する
てつを。
tetsuwo0717
WebSocketやSSEはステートフルな接続です。一度確立するとサーバー側に状態が残り続けるため、切断や再接続の制御が難しくなります。
本セッションでは、配信画面デザインツールにおけるストリーミングコメントのリアルタイム表示機能を題材に、SSEとWebSocketをイベント駆動で管理する設計を紹介します。
SSE接続の有無を起点にWebSocketを制御し、再接続の判断はクライアントに委ねる。このシンプルなルールで、実際の利用状況と整合した接続管理を実現する方法をお話しします。