クッキーのすべて

ウェブ体験を支える小さな巨人、クッキーの仕組みを解き明かす

クッキーとは何か?

クッキーは、ウェブサイトがあなたのブラウザに保存する小さなテキストファイルです。これを利用して、ウェブサイトはユーザー情報を一時的に記憶し、ログイン状態の維持やショッピングカートの中身の保持など、パーソナライズされた快適な体験を提供します。
またユーザー認証にも使われます。

🍪

キーと値のペア

`user_id = 12345` のようなシンプルな形式で情報を保存します。

一般的なクッキーの用途の内訳(推定)

クッキーの解剖学

一枚のクッキーには、値の他に様々な属性が付与されています。

Domain & Path

クッキーが有効なドメインとパスを指定。これにより、特定のサイトやページでのみクッキーが送信されます。

Expires & Max-Age

クッキーの有効期限。これが設定されていると、ブラウザを閉じてもクッキーは消えません(パーシステントクッキー)。

Secure & HttpOnly

SecureはHTTPS通信時のみ、HttpOnlyはJSからのアクセスを禁止し、セキュリティを高めます。

クッキーはどこに保存される?

クッキーはPC毎ではなく、ブラウザ毎に独立して管理されます。

🖥️

1台のコンピュータ

🍪

Chrome

🍪

Firefox

🍪

Edge

各ブラウザは独自の「クッキー瓶」を持ち、互いに干渉しません。

クッキーの寿命

クッキーには、目的によって2つの異なる寿命があります。

セッションクッキー

ブラウザを閉じると自動的に削除される、一時的なクッキー。主にログイン状態の維持など、そのセッション中だけの情報保持に使われます。

有効期限:ブラウザを閉じるまで

🗓️

パーシステントクッキー

指定された有効期限までデバイスに保存され続けるクッキー。ブラウザを閉じても消えません。「ログイン情報を記憶する」機能などで利用されます。

有効期限:指定された日時まで