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