Cookie（クッキー）を使って初回アクセスと2回目以降かを判定し、異なるプログラムを実行させる

Cookie（クッキー）とは？

Cookie（クッキー）とは、ホームページを訪問したユーザーの情報を一時的の保存する仕組み、またはそのデータです。ID、パスワード、メールアドレス、訪問回数などがユーザー情報として保存されます。これによって再訪問したときにユーザーを特定し、情報を入力する手間が省けます。ショッピングサイトに訪問したとき、すでにログイン状態になっている、以前カートに入れた商品がそのまま残っているのは、Cookie機能がはたらいているからです。

似たような機能でSessionという機能がありますが、Cookieはクライアント側にデータを保存するのに対して、Sessionはサーバー側に保存されてるため機密性の高いデータを扱う場合はSessionを使った方が良いでしょう。

Cookie（クッキー）とキャッシュの違い

キャッシュとは、ブラウザで一度表示したページのデータ（HTMLや画像）を一時的に保存しておく機能になります。何度も頻繁に訪れるページなどは、キャッシュが保存されているおかげで素早く表示することが可能です。
ただ、一時的に保存されているページのデータが最新のものとは限らないので、アップロードの作業時には注意が必要です。特にWordpressはブラウザのキャッシュが強力で、更新前の古いデータが読み込まれて表示される事が多いので、そういった場合はキャッシュの消去を行って下さい。

・IDやパスワードなどの個人情報やサイトの閲覧情報を保存。
・削除するとログインする時に再入力する必要がある。
・IDやパスワードなどの個人情報が漏洩する危険性がある。

キャッシュ

・サイトのHTMLや画像データを保存。
・データはスマホやPC内に保存される。
・キャッシュのデータが増えることでメモリの空き容量がなくなり動作不良の原因になる。

jquery-cookie.jsを使ってみる

github.com

授業ではCDNを使います

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>

記述内容

if($.cookie('access')!='first'){
$(function(){
/*初回に実行させたい動き*/

$.cookie('access','first',{ expires:1, path:'/'});
});
} else{
$(function(){
/*2回目以降*/

});
};

WEBサイト制作の勉強

WEBサイト制作の勉強の為の解説ブログです。