Cookie

一言で言うと

Webサイトがブラウザに保存する小さなデータ。ログイン状態の維持や、ユーザーの行動追跡に使われる。

もう少し詳しく

Cookieは、Webサイトがあなたのブラウザに保存する小さなメモのようなものです。スーパーの「ポイントカード」をイメージしてください。次に来店したとき、ポイントカードを見せれば「あ、この人は会員だ」とわかりますよね。Cookieも同じで、次にサイトを訪れたとき、「この人は前にログインした人だ」と認識してくれます。

Cookieの主な用途は3つあります：
1. セッション管理: ログイン状態の維持、ショッピングカートの中身の保持
2. パーソナライズ: 言語設定、テーマ設定の記憶
3. トラッキング: ユーザーの行動追跡、広告のターゲティング

最近ではプライバシー保護の観点から、Cookieの使用に同意を求める「Cookie同意バナー」を見かけることが多くなりました。

実務でどう使うか

コードで見てみよう

// Cookieを設定する（ブラウザに保存する）
document.cookie = "theme=dark; max-age=86400";
// → "theme"というCookieに"dark"を保存、24時間有効
// Cookieを読み取る
console.log(document.cookie);
// → "theme=dark; language=ja"
// 実際のWebアプリでは、ログイン時にサーバーが
// セッションCookieを自動的に設定してくれる