Webサイト専門プログラマの言いたい放題

元システムエンジニアがサイト制作とプログラミングについて好き放題しゃべります。

【Cookieの保存と取得でカウントダウンタイマーを実装】

f:id:wp-lesson:20160123231716j:plain

今日はWordPressのサーバーエラー調査に引き続き、
Cookieを使ったカウントダウンタイマーを実装しました。

肝になるのがCookieの書き込みと取り出しです。

Cookie(クッキー)とは?

Cookie(クッキー)とは、一人一人のパソコンに個別に
保存されるデータのことを言います。

ランディングページにおける「あと●日で販売終了!」
みたいな自動カウントダウンタイマーは、基本的には
Cookie(クッキー)を使っています。

つまり、そのページに初めてアクセスした瞬間から
カウントダウンが始まるのです。

Aさんが今日アクセスしたら今日から3日間。
Bさんが明日アクセスしたら明日から3日間。

というように、ページにアクセスした人(パソコン)
それぞれ独自にカウントが始まるという仕組みです。

Cookieはどうやって設定するの?

まず、Cookieにアクセスするには、ウェブページ全体を
表す document オブジェクトの cookie プロパティを
使います。

document.cookie = 設定内容;

設定内容の部分は、設定の名前(key)と値(value)を
イコール演算子(=)で繋いでペアにします。

設定が複数ある場合はペア同士をセミコロン(;)で繋ぎます。

Cookieはどうやって取り出すの?

Cookieにアクセスする窓口は上述の通り、document.cookie
ですから、= や ; で連結された文字列を、今度は一つ一つ
設定の名前(key)と値(value)のペアに分解すれば良いですね。

プログラミングにおいて、文字列を特定のルールに沿って
結合したり分解したり切り取ったりすることを

「文字列操作」

と呼び、多くのプログラム言語にはそれぞれ文字列操作用の
関数(メソッド、ファンクション)が用意されています。

具体的な関数名や使い方は、プロでもいちいち暗記しては
いませんので、ネットで調べるんです。

例えばJavascriptCookieを操作したいのなら、

Javascript cookie 保存 方法」とか、
Javascript cookie 読み取り 方法」とか

検索ワードを組み合わせてネット検索するんです。


怠けちゃダメですよ。


検索してください。自分で。


そうしないといつまでたっても人に頼らないと何一つ
解決できないままです。

「自分で作れる力」を身につけたいあなたへ

【1】プログラミング講座CODEMY(コーデミー)
【2】完全マンツーマンのプログラミングレッスン(LESSSON)
【3】WordPress/ウェブサイト制作レッスン(おしえるまなべる)

↓↓↓ 詳しくはこちらをご覧ください ↓↓↓

【1】プログラミング講座CODEMY(コーデミー)のご案内

気軽に受講できるメール&動画形式のオンライン講座です。
チャットワークを使った個別添削&アドバイスで、
プロの発想法を学ぶことができるのが特徴です。

その場しのぎではなく、自力で調べて考えてウェブサイトや
プログラムが作れるようになりたい方が業種・経験を問わず
参加されています。

office-ing.hatenablog.com

【2】完全マンツーマンのプログラミングレッスン(LESSSON)

より詳しく短期集中でスキルアップしたい方には、全国対応の
スカイプによる完全個人指導のレッスンをご用意しております。

初回 30分の無料相談をお気軽にご利用ください。

www.bf-lessson.com

【3】2015年、パソコンジャンルで評価1位(おしえるまなべる)

f:id:wp-lesson:20160107113633j:plain

2016年2月15日まで
≫ ページ内の「先生に聞いてみる」ボタンでお気軽にご相談ください。