2026年4月16日
Cookie とは？
ウェブサイトを使っていると「Cookieを受け入れますか？」というメッセージを見たことがあると思います。Cookie（クッキー）とは何でしょうか？
Cookieとは、ウェブサイトがブラウザに保存する小さなデータのことです。ログイン状態の維持・ショッピングカートの中身・サイトの設定などを記憶するために使われます。
Cookieの仕組み
- ユーザーがウェブサイトにアクセスする
- サーバーがブラウザに「このデータを保存してね」とCookieを送る
- ブラウザがCookieをパソコンに保存する
- 次回同じサイトにアクセスすると、ブラウザが自動でCookieをサーバーに送る
- サーバーがCookieを見て「この人は前回ログインした田中さんだ」と認識する
💡 Webアクセシビリティとはで基礎を確認できます。
Cookieの種類
| 種類 | 特徴 |
|---|---|
| セッションCookie | ブラウザを閉じると削除される。ログイン状態の管理など |
| 永続Cookie | 有効期限まで保存される。「次回も自動ログイン」など |
| サードパーティCookie | 別のドメインが設定するCookie。広告追跡に使われる |
🔗 あわせて開発者ツールの使い方もチェックしてみましょう。
プライバシーへの影響
Cookieは便利な反面、プライバシーの問題もあります。特に サードパーティCookie は、複数のサイトをまたいでユーザーの行動を追跡するために使われることがあります。
これが「Cookieを受け入れますか？」という確認が表示される理由です。EUのGDPR（個人情報保護規則）などの法律により、Cookieの使用には同意が必要になっています。
ファーストパーティCookieとサードパーティCookieの違い
Cookieには「誰が設定したか」によって2つの種類があります。
| 種類 | 設定者 | 用途 | 例 |
|---|---|---|---|
| ファーストパーティCookie | 今見ているサイト自身 | ログイン状態・設定の保存 | YouTubeがログイン情報を記憶する |
| サードパーティCookie | 別のサイト（広告会社など） | 複数サイトをまたいだ行動追跡 | 広告会社がどのサイトを見たか記録する |
ファーストパーティCookieは便利で安全なものがほとんどです。問題になるのは主にサードパーティCookieで、ユーザーの知らないうちに行動が追跡されることがあります。
Google Chromeは2024年からサードパーティCookieの廃止を進めています。将来的にはサードパーティCookieが使えなくなる方向です。
Cookieとプライバシー（GDPRと同意バナー）
ウェブサイトを開くと「Cookieを受け入れますか？」というバナーが表示されることがあります。これは法律で義務付けられています。
GDPR（ジーディーピーアール）とは
GDPRは、EU（ヨーロッパ連合）が2018年に施行した個人情報保護の法律です。ウェブサイトがCookieを使ってユーザーの情報を収集する場合、事前に同意を得ることが義務付けられています。
同意バナーの選択肢
- 「すべて受け入れる」：すべてのCookie（広告追跡を含む）を許可する
- 「必要なもののみ」：サイトの動作に必要なCookieだけ許可する（おすすめ）
- 「拒否する」：すべてのCookieを拒否する（一部のサイトが正常に動かなくなることがある）
💡 迷ったら「必要なもののみ」を選ぶのがおすすめです。サイトの基本機能は使えて、広告追跡は防げます。
CookieとlocalStorageの違い
ブラウザにデータを保存する方法は、Cookieだけではありません。localStorage（ローカルストレージ）という仕組みもあります。
| 項目 | Cookie | localStorage |
|---|---|---|
| 容量 | 約4KB（小さい） | 約5MB（大きい） |
| サーバーへの送信 | 毎回自動で送信される | 送信されない（ブラウザ内のみ） |
| 有効期限 | 設定可能（期限切れで自動削除） | なし（手動で削除するまで残る） |
| 主な用途 | ログイン状態・セッション管理 | 学習進捗・設定の保存 |
このサイトでは、レッスンの進捗保存に localStorage を使っています。Cookieと違ってサーバーに送信されないので、プライバシーの心配がありません。
📖 詳しくは色の選び方で解説しています。
よくある間違い
- 「Cookieは危険」と思い込む：Cookie自体はウイルスではありません。小さなテキストデータです。問題になるのはサードパーティCookieによる追跡であり、ファーストパーティCookieは安全です。
- 「Cookieを全部拒否すればいい」と考える：すべてのCookieを拒否すると、ログインが維持できなくなったり、ショッピングカートが空になったりします。「必要なもののみ」を選ぶのがバランスの良い方法です。
- CookieとlocalStorageを混同する：どちらもブラウザにデータを保存しますが、仕組みが異なります。Cookieはサーバーに自動送信されますが、localStorageはされません。
まとめ
- ✅ Cookie：ウェブサイトがブラウザに保存する小さなデータ
- ✅ ログイン状態・カートの中身・設定の記憶に使われる
- ✅ セッションCookie（ブラウザを閉じると削除）と永続Cookieがある
- ✅ サードパーティCookieは広告追跡に使われプライバシー問題がある
- ✅ ファーストパーティCookieは安全、サードパーティCookieは追跡に注意
- ✅ 同意バナーでは「必要なもののみ」を選ぶのがおすすめ
- ✅ localStorageはCookieと似ているが、サーバーに送信されない点が異なる
ウェブの仕組みを理解することは、プログラマーとして大切なスキルです。
⚡ JavaScriptでデータを扱おう！
Cookieの仕組みがわかったら、JavaScriptでデータを扱う方法を学びましょう。ブラウザだけで始められます。無料・登録不要です。
JavaScriptコースを始める →