4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

JavaScriptを使ってCookieを操作する方法についての覚書

Last updated at Posted at 2023-03-27

JavaScriptを使ってCookieを操作する方法について。

Cookieの設定

Cookieを設定するには、以下のようにdocument.cookieに値を設定。

document.cookie = "key=value";

これで、名前が「key」で値が「value」のCookieが設定されます。

Cookieの取得

Cookieを取得するには、以下のようにdocument.cookieからCookieの値を取得。

let cookieValue = document.cookie;

Cookieの削除

Cookieを削除するには、Cookieの有効期限を過去の日付に設定します。以下のように設定。

document.cookie = "key=; expires=Thu, 01 Jan 1970 00:00:00 UTC";

これで、名前が「key」のCookieが削除されます。

以上が、JavaScriptを使ったCookieの操作方法になります。

※Cookieとは

WebサイトがWebブラウザに保存する小さなデータの塊で、ユーザーの行動や設定を記憶するために使用されます。Cookieは、Webブラウザに保存され、Webサイトがリクエストを送信するたびに、WebブラウザからWebサーバーに送信されます。

Cookieは、以下のようなことができます。

セッション管理:Cookieを使用して、ユーザーがログインしているかどうかを確認したり、セッションIDを管理したりすることができます。

パーソナライズ:Cookieを使用して、ユーザーの好みや設定を記憶し、それに基づいてコンテンツや広告をパーソナライズすることができます。

トラッキング:Cookieを使用して、ユーザーの行動を追跡することができます。これにより、ユーザーの行動に基づいて、広告やコンテンツをカスタマイズすることができます。

ショッピングカート:Cookieを使用して、ユーザーがオンラインストアで商品をショッピングカートに追加したり、注文したりすることができます。

Cookieに含むことができる情報例

名前(key)
値(value)
有効期限(expires)
ドメイン(domain)
パス(path)
セキュアフラグ(secure)
有効期限は、Cookieが有効である期間を指定します。期限を指定しない場合、Cookieはブラウザのセッションが終了するまで有効です。ドメインとパスは、Cookieが送信される対象のWebサイトのドメインとパスを指定します。セキュアフラグは、CookieがHTTPS接続でのみ送信されるように制限するために使用されます。

Cookieは、ユーザーがブラウザの設定で削除することができます。また、Webサーバー側でも、有効期限が切れたCookieを自動的に削除することができます。

Cookieは、Webサイトの利便性を向上させるために重要な役割を果たしています。ただし、Cookieがユーザーのプライバシーに関する問題を引き起こすこともあるため、Webサイトは、Cookieの使用に関する適切な情報提供と同意の取得を行うことが求められます。

4
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?