2025年8月31日日曜日

SharedWorkerが“実戦投入”されている(または実運用を強く想定した)具体例

 

  • 共有カウンタや計算をタブ間で使い回す基本実装(ライブ動作)。MDN公式デモ。 mdn.github.io

  • Rails ActionCable/AnyCableをSharedWorker内に集約し、WebSocket接続を1本に集約するライブラリ。 GitHub

  • Socket.IOクライアントをSharedWorkerでラップし、複数タブで1本のSocket.IO接続を共有GitHub

  • WebSocket多重接続の削減を題材にした実装記事(コード付き解説)。SharedWorkerで中継してサーバ負荷を軽減。 DEV Community

  • TanStack Queryのキャッシュ共有デモ:BroadcastChannelとSharedWorkerの両方式を比較しつつ、SharedWorkerで永続化・配信。 GitHub

  • Reactで**板情報(Orderbook)**を処理するサンプル。WebWorker+SharedWorkerの併用(注意:ブラウザ対応の但し書きあり)。 GitHub

  • MDNの「Web Workersの使い方」内、Basic shared workerの解説(チュートリアル形式)。 MDN Web Docs

  • RingCentral WebPhoneのドキュメントで、実機能の多タブ同期のためにSharedWorker実装を推奨(状態配信・操作中継)。 GitHub

補足:SharedWorkerはブラウザ互換に差があるため、導入前にMDNの互換表で確認がおすすめです(機能が“Limited availability”と明記)。 MDN Web Docs