gakkie プログラミング 備忘録

tech::expert(現tech camp) 45期

キャッシュとクッキー、セッションについて

f:id:shuzou555:20190916115404p:plain

f:id:shuzou555:20190916120929p:plain

結論

  • キャッシュは動的ページを実現するためのものでは無く、
    画面表示の高速化を目的に画像やHTMLデータをブラウザに保持する。

  • セッションは「ログインしてからログアウトまで」のような一連の操作を言い、
    セッションデータはサーバー側に保持される。

  • クッキーはクライアントのパソコン(WEBブラウザ)でデータを管理しており、
    有効期限が切れるまで保持している。

[目次]

前提知識

HTTP通信について

HTTP通信とは?

通常WEBブラウザでWEBサイトを閲覧する場合にはHTTPという通信手段を用いて
サーバーとクライアント間を通信する。

そのHTTP通信は、HTML文書の通信を目的に作られており、
1つのURLに対し同じページを返すことしか出ません。(これを静的と言います。)

しかし、ショッピングサイトのカートや、ログインしたら見れるようなサイトなどは、
ユーザーの状態によって表示する内容が変化します。(これを動的と言う。)

こういったHTTPの弱点とも言える部分を解決したものがクッキーやセッションである。
クッキーやセッションは状態を持ちまわることで、何度画面遷移をしても、数日後にサイトを再度開いても、現在の状態の操作が行えるようになる。

ではクッキーとセッションは何が違うのか?また、キャッシュとは何なのでしょうか?

キャッシュとは?

  • 閲覧したサイトのデータの一時保存のこと
  • 一度見たwebサイトのデータをパソコンの中に一時的に保存しておく機能のことを言う
  • 再度アクセスした時にその保存したデータを表示させることで、より早くスムーズに処理がされる
  • 画像やHTMLのデータなどをクライアント(インターネットを閲覧する人)側のブラウザに保存することにより表示速度を向上させるもの
  • 同じページを何度も開いた場合に、同じ画像やHTML,CSS,javascriptなどのデータを何度もダウンロードする必要は無いため、ブラウザに自動的に保存されるというものです。
  • 使用者はクライアント

セッションとは?

  • セッションは一連の操作のこと。Cookieを使用してセッションIDの管理が行われている。
  • セッションのデータは「セッションID=ログイン情報」としての役割がある。
  • セッションはログイン情報を保持する役割がある。

クッキーとは?

f:id:shuzou555:20190916120459p:plain

  • クッキーとは、Webサイトを表示したブラウザのデータを保存しておく仕組みのことです。
  • ユーザーの購買履歴や、利用している地域などがわかる会員証のようなものとよく例えられます。
  • 2回目以降同じサイトに訪れる際は、初めてレスポンスを受けとる際に付与されたクッキー(会員証)を元にサーバーがブラウザを特定します。
    それによりユーザーに合ったコンテンツを効率的に表示できる機能です。

主な用途

  • ECサイトなどでの購入履歴やカートのデータの保存
  • ログイン時のIDやパスワードの保存
  • ユーザーのアクセス履歴にマッチした広告などを表示

クッキーのメリット

ユーザーサイド

企業サイド

  • ユーザーに合わせた情報を提供できる
  • サイト内でのユーザーの行動を管理できる
  • マーケティングに活用できる

クッキーのデメリット

ユーザーサイド

  • 情報が漏洩する可能性がある
  • データが蓄積されすぎるとブラウザの動作が遅くなることがある

企業サイド

  • ラッキングクッキーなどはユーザーに不快な印象を与える場合がある