Server-Sent Events とは？

WebSocketは双方向通信（サーバー↔クライアント）。SSEはサーバー→クライアントの一方向。SSEはHTTP上で動くからプロキシやファイアウォールの問題が少なく、自動再接続機能も標準装備。チャットのような双方向が必要ならWebSocket、通知やリアルタイム更新ならSSEがシンプルでおすすめだよ

クライアント側はconst source = new EventSource('/api/events'); source.onmessage = (e) => console.log(e.data);だけ。サーバー側はContent-Type: text/event-streamでdata: メッセージ\n\nを送り続ける。レスポンスを閉じずに保持するだけだから、どんなバックエンド言語でも簡単に実装できるよ

そう！ChatGPTやClaude APIのストリーミングレスポンスはSSEを使っている。1トークンずつ生成されるテキストをリアルタイムにクライアントに送信する。data: {"text": "こん"}\ndata: {"text": "にち"}\nのように。チャットUIで文字が1文字ずつ表示されるのはSSEのおかげなんだよ

①一方向のみ（クライアントからサーバーへは通常のHTTPリクエストが必要）、②テキストデータのみ（バイナリ不可）、③ブラウザの同一ドメイン同時接続数制限（HTTP/1.1で6本）。HTTP/2なら接続を多重化できるから制限が緩和される。IE非対応だけど、2024年のモダンブラウザは全対応しているよ