JavaScriptのCookieに含まれる5つのレコード（フィールド）とは？

Cookieの仕組み：サーバーとブラウザ間のデータやり取り

サーバーは「Cookie」という形で、訪問者のブラウザに対してデータを送信します。ブラウザ側がそのCookieを受け入れた場合、訪問者のハードディスク上にプレーンテキスト形式のレコードとして保存されます。

その後、訪問者が同じサイト内の別のページへ移動すると、ブラウザは保存しておいたCookieを再びサーバーへ送信します。サーバーはこれを受け取ることで、「以前どのような情報が保存されていたか」を記憶し、参照できるようになります。これが、ログイン状態の維持やユーザーの設定情報の保持などにCookieが活用される基本的な仕組みです。

Cookieを構成する5つの可変長フィールド

Cookieは、以下の5つの可変長フィールドから構成されるプレーンテキストのデータレコードです。

1. Expires（有効期限）

Cookieが失効する日付を指定します。このフィールドが空欄の場合、Cookieは訪問者がブラウザを終了した時点で失効します（いわゆるセッションCookieの挙動です）。

2. Domain（ドメイン）

Cookieを発行したサイトのドメイン名を示します。これにより、Cookieがどのサイトに属するものかが識別されます。

3. Path（パス）

Cookieを設定したディレクトリまたはWebページへのパスです。サイト内のどのディレクトリ・ページからでもCookieを取得できるようにしたい場合は、このフィールドを空欄にします。

4. Secure（セキュア属性）

このフィールドに「secure」という語が含まれている場合、そのCookieはセキュアなサーバー（HTTPS接続など）経由でのみ取得可能になります。空欄の場合は、こうした制限は適用されません。

5. Name = Value（名前＝値）

Cookieの本体となる部分で、キー（Name）と値（Value）のペア形式で設定・取得されます。例えば「username=Taro」のように、実際に保存したいデータを格納します。

まとめ

JavaScriptでCookieを扱う際は、Expires・Domain・Path・Secure・Name=Valueという5つのフィールドの役割を理解しておくことが重要です。特に有効期限やセキュア属性の設定は、ユーザー体験とセキュリティの両面に影響するため、目的に応じて適切に指定しましょう。