🚀 はじめに
この記事でわかること
- WebSocket(ウェブソケット)が 何をする技術なのか
- なぜ「チャットが即届く」「通知がリアルタイム」なのか
- 普通のWeb(HTTP)と 何がどう違うのか
✅ 概要解説
WebSocketとは何か
WebSocketとは、ブラウザとサーバーが“ずっとつながったまま”で会話できる通信方式です。
普通のWebページでは「必要なときだけ話す」通信が行われていますが、
WebSocketは 電話のようにつながりっぱなし なのが大きな特徴です。
何のためにあるのか
WebSocketの目的は、とてもシンプルです。
- 情報をすぐに届けたい
- 毎回聞きに行かず、向こうから知らせてほしい
たとえば…
- チャットで相手が送った瞬間にメッセージが届く
- 株価やゲームのスコアが自動で更新される
- 新着通知がリロードなしでポンっと出る
これらはすべて、リアルタイム通信が必要です。
そのためにWebSocketが使われます。
WebSocketがないとどうなるのか
WebSocketがなかった時代(今も一部で使われています)では、こんな方法がありました。
- ページを何度も更新する
- 数秒ごとに「変化ある?」とサーバーに聞きに行く
これは、友達の家に行って
「何か連絡来た?」
「まだ?」
「今は?」
と、何度もインターホンを押すようなものです。
結果として、
- 無駄な通信が増える
- 遅れて情報が届く
- サーバーも疲れる
という問題がありました。
どんな場面で使えるのか
WebSocketは、こんな場面で大活躍します。
- 💬 チャットアプリ(LINE風のWebチャット)
- 🔔 通知システム(新着コメント・お知らせ)
- 🎮 オンラインゲーム(位置情報・スコア更新)
- 📈 リアルタイム表示(株価、為替、アクセス数)
- 🧑🤝🧑 共同編集アプリ(同時に編集内容が反映)
「ページを開きっぱなしで、常に最新情報が動く」
そんなWeb体験の裏側に、WebSocketがあります。
💡 小話・豆知識・逸話
1️⃣ WebSocketは“裏口入学”から始まる?
WebSocketの通信は、最初は普通のHTTP通信から始まります。
「最初は礼儀正しく挨拶して、OKなら専用回線に切り替える」
この切り替えを ハンドシェイク(握手) と呼びます。
名前の通り「お互いに確認してから始める」仕組みです。
2️⃣ スマホの“既読がすぐ付く”理由
チャットアプリで「送信 → 数秒以内に既読が反映」されるのは、
WebSocketのような常時接続が使われているからです。
もし毎回聞きに行く方式だったら、
既読が付くたびに通信が走って、とても大変になります。
3️⃣ WebSocketは“万能”ではない
便利なWebSocketですが、
- すべての通信をWebSocketにすべき
- 普通のWebサイトにも必須
というわけではありません。
✅ 普通のブログ → HTTPで十分
✅ リアルタイム性が必要 → WebSocketが向いている
使い分けが大事なのも、覚えておくと会話のネタになります。
📚 参考リンク
公式サイト・公式ドキュメント
- WebSocket公式仕様(RFC 6455・IETF):
https://datatracker.ietf.org/doc/html/rfc6455 - MDN Web Docs|WebSocket(日本語):
https://developer.mozilla.org/ja/docs/Web/API/WebSocket - WHATWG WebSockets Living Standard:
https://websockets.spec.whatwg.org/
百科事典・基礎情報
- Wikipedia|WebSocket(日本語):
https://ja.wikipedia.org/wiki/WebSocket
🛠️ 関連テーマ・次に理解すると良いこと
- HTTPの基礎
WebSocketとの違いを理解するために必須
【初心者向け】HTTPの基礎をやさしく解説|リクエスト・レスポンス・ステータスコード・ヘッダー入門
- HTTP/2・HTTP/3
Web通信がどう進化しているか - SSE(Server-Sent Events)
WebSocketと似た“片方向リアルタイム通信” - リアルタイムWebアプリ
チャットや通知を作る仕組み全体の理解
🎯 まとめ
- WebSocketは ブラウザとサーバーを“つなぎっぱなし”にする通信
- チャットや通知など リアルタイム性が必要な場面で使われる
- 何度も聞きに行く無駄をなくし、すぐに情報が届く
- 普通のWebにはHTTP、即時性が必要ならWebSocketと使い分けが大切
- 仕組みを知ると、身近なアプリの動きが少し賢く見える
