Architecture13分
リアルタイム通信の選択肢 — ポーリング・SSE・WebSocketを比較する
チャットアプリに必要なリアルタイム通信を、ポーリング・SSE・WebSocketの3方式で比較。API Gateway WebSocket APIを選んだ設計判断とコスト試算を解説
AWSWebSocketAPI GatewayArchitectureChat
タグ: WebSocket
4件の記事
HowTo13分
CDKでWebSocket APIを構築する — サーバーレスチャットのインフラ定義
AWS CDKでAPI Gateway WebSocket APIを定義する方法を解説。4つのルート（$connect/$disconnect/sendMessage/$default）のLambda統合、IAMポリシー、デプロイ設定まで
AWSCDKAPI GatewayLambdaWebSocket
HowTo13分
WebSocket Lambdaの実装 — JWT認証・ブロードキャスト・切断処理
API Gateway WebSocket APIのLambdaハンドラー実装を解説。$connectでのCognito JWT検証、sendMessageでの全員配信とGoneException処理、$disconnectでの接続レコード削除まで
AWSLambdaWebSocketCognitoTypeScript
HowTo15分
ReactでリアルタイムチャットUIを作る — WebSocketクライアントとOptimistic UI
React + Zustandでリアルタイムチャット画面を実装。WebSocketクライアントの再接続・ハートビート、Optimistic UIによる即座のメッセージ表示、重複メッセージ防止まで
ReactWebSocketZustandTypeScriptChat