◀︎STUDY JavaScript_032-1 遅延とクッキー

◀︎

-----

▶︎

setTimeout + delay (遅延)

Window.setTimeout()
遅延を設定すると, 指定時間後にプログラムが実行される.
delay : ミリ秒
遅延させる最小時間はブラウザによって制限されている. 通常は 4ms.
遅延させる最大時間は 2,147,483,647ms.
約35時間47分24秒

▼ Download: ■ sample_JS_032-000_ABCDE

Cookie (クッキー)

クッキーとキャッシュの違いを理解すること.
ゲッターとセッターとして動作している.
ブラウザに書き込まれた Cookie を削除する方法を知っておくこと.
Cookieとは, ブラウザがサーバーから送られた情報を記録する仕組みのこと.
Cookie はブラウザに保存される小さなテキスト・データ.
アクセスしたときにサーバーからブラウザに送信されて保存される.
ブラウザが Cookie を受け取ると, ログイン状態の保持(有効期限の設定)などで役立つ.
逆にブラウザは, ユーザーが知らないところで様々な情報をサーバに送信している.
一度 Cookie を受け取ると自分のPC (スマートフォン) から
Webサーバーに個人情報を送信することになり, 端末機とサーバーとの間で情報交換が続く.
つまりサーバーに Cookie 機能を設定すると,
特定のユーザーに対する設定と識別子などの情報を取得し続ける.
企業はサーバーに設置した Cookie (PHPプログラム) でアクセス解析を行っている.
閲覧日時 / 滞在時間 / クリックしたリンク / 閲覧履歴に基づいた広告配信 /
サイト利用状況の分析 / セキュリティー対策 / ユーザーが使用した PC のデバイス情報(OS) /
ブラウザの種類とバージョン / 訪問回数 / IPアドレス / 画面解像度 / 言語設定 /
ブラウザの背景色(ダーク・モード)の設定を記憶 / ショッピング・カート機能の実装などで
Cookie は利用されている.
脆弱性(ぜいじゃくせい/サイバー・セキュリティー上の欠陥)を悪用したサイトへのアクセスに注意:
ウェブ・アプリケーションから受け取ったクッキーを盗まれると,
認証されたユーザーのセッション・ハイジャックにつながるのでセキュリティ上の配慮が必要です.
document.cookie="◯◯◯";
24時間を秒で表すと86400秒なので, delay を24時間に設定するには 86400000 という値を入力する.

サンプル - 1

タイマー関数で10秒の遅延を設定してある. ボタンを押すと10秒後に文字が入れ替わる.

サンプル - 2

閲覧されると 10秒遅延する Cookie を送る. ページのリロードは10秒間できない.

サンプル - 3

ボタンを押すと 10秒遅延する Cookie を送ります. なので, リロード・ボタンを押しても10秒経過するまでリロードできない.

サンプル - 4

jQuer を使用して 10秒遅延する Cookie を送ります. ページのリロードは10秒間できません.

Cache (キャッシュ) とは？

毎回データをダウンロードして表示する速度よりも端末のキャッシュを読み取る速度の方が速い.
表示スピードを上げる目的として, Webサイトの静的コンテンツ
( html / CSS / JavaScript / 画像などの一度見たWebページ情報 ) を
一時的にブラウザが保存するが, この機能のことをキャッシュと言います.
キャッシュのメリットは通信量が節約できる / ページの読み込み速度が向上することです.
しかし, キャッシュが溜まりすぎると PC ( スマートフォンのメモリー ) の
空き容量が減ため, ブラウザの動作が遅くなってしまう.
ブラウザからキャッシュをクリアーする方法を知っておくことが大切です.
キャッシュのクリーはブラウザの設定画面から行いますが
手順はブラウザによって異なります.

Literal (リテラル)とは?

英語の Letter と同じようにラテン語の littera(文字)に由来する単語.
ソース・コード内の値のこと.
プログラムの中で直接, べた書きされている文字や数字のこと.
let name = "Beethoven"; let age = 30; ならば, Beethoven と 30 がリテラル.
さらに関数もデータのひとつなので, 関数がリテラルの場合もある.
関数リテラルは宣言した時点では名前を持たないので, 無名関数と言うこともある.
(つまり, 関数リテラル / 無名関数 / 匿名[とくめい]関数は同義語).

◀︎

-----

▶︎

◀︎Contents　　　　　STUDY JavaScript_032-1

◀︎STUDY JavaScript_032-1 遅延とクッキー

◀︎Contents STUDY JavaScript_032-1

◀︎Contents　　　　　STUDY JavaScript_032-1