CookieとlocalStorageの違いは？送信・保存期間・sessionStorageを比較
CookieとlocalStorageはどちらもブラウザ側に情報を残せますが、サーバーへ送られるか、どんな用途で使うかが違います。sessionStorageとの違いも順序立てて確かめます。
CLUSTER E15
メッセージ・SNS・ログイン
ログイン状態が保たれる仕組み(Cookie・セッション)と、メッセージや通知が届く流れが分かります。
日常のどこにつながるか
「ログインしたままにする」の意味、既読やプッシュ通知の裏側、SNSのタイムラインにつながります。
最初に読む1本
学習順
定義 → 仕組み → 比較 → トラブルの順に読み進められます。
- ログインの仕組みとは？認証・認可・セッションの違い
- Cookieとは？ログイン状態を保つ仕組みとキャッシュとの違い
- セッションとは？ログイン状態・Cookie・セッションIDの違い
- CookieとlocalStorageの違いは？送信・保存期間・sessionStorageを比較
- メッセージの仕組み｜本文・宛先・状態を届けて保存する流れ
- WebSocketとは？wss://とws://の違い、ポート番号は443と80
- プッシュ通知の仕組み｜画面を開いていない相手へ知らせる流れ
このクラスタの代表記事
関連ストーリー
前提クラスタ: Web表示・HTTP・HTML
次のクラスタ: セキュリティ・トラブル
最終確認日: 2026-07-29
クラスタの全記事(11本)
チャットの仕組み｜メッセージが相手の画面に届く流れ
チャットは、入力したメッセージをサーバーに送り、会話ルームの参加者に届け、画面や通知や既読を更新する仕組みです。WebSocket、リアルタイム通信、未読、入力中表示、届かない理由を初心者向けに順序立てて確かめます。
メールの仕組みとは？送信ボタンから相手の受信箱に届くまでの6つの順番
メールの仕組みは、送った内容を自分側のメールサーバーが預かり、宛先の@の右側からDNSで相手のメールサーバーを探して渡し、相手が受信箱で読む流れです。SMTP・MX・IMAPの役割と、届かないときの見る順が分かります。
ログインの仕組みとは？認証・認可・セッションの違い
ログインには、パスワードなどで本人確認する場面と、その後ログイン状態を保つ場面が分かれています。CookieやセッションでWebサイトがなぜあなたをログインしたままにできるのかをたどります。
メッセージの仕組み｜本文・宛先・状態を届けて保存する流れ
メッセージは、本文だけでなく宛先、送信者、時刻、添付ファイル、既読や未読などの状態を持つデータです。端末からサーバーに送り、保存し、相手に届ける流れをたどります。
プッシュ通知の仕組み｜画面を開いていない相手へ知らせる流れ
プッシュ通知は、アプリを開いていない端末にも新着や変化を知らせる仕組みです。通知許可、端末トークン、サーバー、通知サービス、端末設定の関係を順に見ていきます。
SNSの仕組み｜投稿・フォロー・タイムラインが画面に並ぶ流れ
SNSは、投稿、プロフィール、フォロー関係、いいね、コメント、通知などのデータをサーバーで扱い、利用者ごとのタイムラインとして返す仕組みです。画面のむこう側の流れを区別して考えます。
Cookieとは？ログイン状態を保つ仕組みとキャッシュとの違い
Cookieは、Webサイトがブラウザに保存し、次回以降のアクセスで使える小さな記録です。ログイン状態、サイト設定、同意バナー、キャッシュやセッションとの違い、削除時の影響を見通せる形にします。
リアルタイム通信とは｜今の状態を短い遅れでそろえる通信
リアルタイム通信は、メッセージや状態の変化を短い遅れで相手の画面に反映する通信です。チャット、通知、共同編集、ライブ配信、WebSocketとの関係、遅延や安定性の考え方を一つずつ確かめます。
セッションとは？ログイン状態・Cookie・セッションIDの違い
セッションは、利用者とサービスのやり取りが続いている状態を管理する考え方です。Cookieとの関係、セッションID、ログイン状態、タイムアウト、削除や期限切れで起きることを確かめます。
WebSocketとは？wss://とws://の違い、ポート番号は443と80
WebSocketは、一度つないだら開けたままにして、ブラウザとサーバーのどちらからでも送れる双方向通信の仕組み。wss:// はその暗号化したつなぎ先の書き方で、ws:// との関係は https:// と http:// と同じ、ポート番号は443と80です。HTTPとの違い、Chromeで通信を見る手順、ポーリング・SSE・WebTransportとの使い分けを表で確かめられます。