📋 概要

WBC（ワールド・ベースボール・クラシック）などの野球配信において、実況者がリアルタイムでスコアやイニング情報を更新し、視聴者画面へ即座に反映させるための配信支援システム。

• 制作時期: 2026年3月
• 技術スタック: React / BroadcastChannel API / PeerJS
• 用途: 野球実況配信におけるスコア表示・同期ツール

💡 Concept

• 課題: 既存のスコア表示ツールは操作が複雑だったり、配信画面への反映にラグが生じたりすることが多い。特にWBCのような熱狂的な試合では、1秒の遅れが視聴体験を損なう。
• 解決: 「操作用画面（管理者）」と「表示用画面（ビューワー）」を分離。P2P通信やブラウザ内通信を用いることで、サーバーを介さない超低遅延な同期を実現。
• ゴール: 誰でも直感的に操作でき、プロの放送のようなスコア表示を個人の配信環境で実現すること。

🛠 Key Features

• 2モード・セパレート設計:
• 超低遅延同期システム:
• 試合状況の視覚化:

🏗 Technical Insights

• BroadcastChannel API の採用: 同一ブラウザ内での通信において、WebSocketなどの外部サーバーを介さずにデータをやり取りすることで、0msに近い同期速度とオフライン動作の安定性を確保。
• Reactによるコンポーネント設計: スコア数字、BSOインジケーター、ランナー状況などを部品化し、再利用性とメンテナンス性を向上。
• PM視点のインターフェース: 試合の緊迫した場面でも押し間違えないよう、操作ボタンのサイズや配置を人間工学的に設計（実況に集中できるUI）