「SameSite属性って難しそう…」 Webを触り始めると必ず出てくるワードですが、実は仕組みはとてもシンプルです。
この記事では、図解イメージを使いながら、初心者でもわかるように SameSite=Lax／Strict／None の違い を丁寧に説明します。
SameSite 属性とは？
SameSite は、Cookie が “どんな状況で送られるか” を決める設定です。
Chrome が 2020年以降に厳格化し、Web全体で重要になりました。
昔のCookieは、他サイトから読み込まれても自由に送信されていたため、 追跡（トラッキング）し放題でした。
これを防ぐために導入されたのが SameSite属性 です。
図解で理解する：SameSite の3つの値
SameSiteには3つのモードがあります。
- Strict（最も厳しい）
- Lax（デフォルト）
- None（サードパーティOK）
① SameSite=Strict（完全に自分のサイトだけ）
自分のサイトからのアクセス以外では Cookie が一切送られない。
例：example.com の Cookie は
- ✔ example.com → example.com の遷移 → Cookie送られる
- ✘ 別サイトのリンク → Cookie送られない
- ✘ 外部から埋め込まれた画像・iframe → Cookie送られない
ログイン状態が外部リンクで切れるので、 ログインが必要なサイトではまず使われません。
② SameSite=Lax（デフォルト / 最もよく使われる）
基本は Strict と同じですが、“リンクをクリックしたとき” だけ Cookie が送られます。
例：
- ✔ 他サイト → example.com へのリンククリック → Cookie送られる（ログイン維持できる）
- ✘ iframe, img, script 経由 → Cookie送られない
つまり 「普通のサイトには困らない」けど「追跡はしにくい」絶妙なバランス なのが Lax です。
③ SameSite=None（サードパーティCookieを許可）
サードパーティCookie（＝外部サイトでも使えるCookie）を使うときだけ必要になる設定です。
ただし Chrome の仕様で SameSite=None のときは Secure 属性が必須（httpsのみ） になりました。
例：
- ✔ 広告タグ
- ✔ 外部ログイン（Google, Twitter など）
- ✔ 外部決済
これを設定しないと、Cookieが送られずログインできない／決済が失敗することがあります。
3つをまとめて図解（文章でシンプル）
┌──────────────────────┐ │ SameSite=Strict → 完全に自サイトのみ（最も厳しい） │ │ Cookie送信：自サイト以外 “全部NO” │ └──────────────────────┘
┌──────────────────────┐ │ SameSite=Lax → デフォルト │ │ Cookie送信：自サイト OK / 他サイトからのリンクのみOK │ └──────────────────────┘
┌──────────────────────┐ │ SameSite=None; Secure → サードパーティCookie専用 │ │ Cookie送信：どこからでも送信OK（ただしhttps必須） │ └──────────────────────┘
なぜ SameSite が必要になったのか？
理由はシンプルで、 昔のCookieは「追跡され放題」だった からです。
- 広告会社がユーザーを複数サイトで追跡できた
- 意図しないデータ共有が可能だった
- プライバシーが守れない
SameSite は「どの状況でCookie送る？送らない？」を細かく決めることで 不要な追跡を止める仕組みです。
Web制作で SameSite を意識すべきタイミング
- 外部ログイン（Google / Twitter / LINE）を使う
- 外部の支払いページを使う（Stripe など）
- iframe でサービスを埋め込む
- クロスドメインでセッションを共有している
特に SameSite=None を忘れると “ログインできない問題” が発生します。
まとめ：SameSiteはCookieが勝手に送られないようにする安全装置
- Strict → 完全に自サイトのみ
- Lax → デフォルト。リンク遷移だけOK
- None → サードパーティ用。Secure必須
初心者には難しそうに見えて、実はたった3つのルールを覚えれば理解できます。 Cookieの仕組みやプライバシーの考え方を理解する上で、SameSiteは避けて通れない重要ポイントです。
