ログイン後のページ復帰設計：beforeunloadとHistory APIの注意点と実装例
ユーザーがログインした後に、それまで見ていたページへ自動的に戻す仕組みは、ECサイトや会員制サービスで頻繁に見られる要件です。この機能を実装するにあたり、まず思い浮かぶのがページ離脱時のイベントである beforeunload と、ブラウザの履歴を操作する History API です。しかし、どちらも一長一短があり、そのままでは目的を達成できません。本記事では、それぞれ ...
10月8日 18:32 投稿
JavaScriptにおけるブラウザ操作と実行モデルの基礎
ブラウザオブジェクトモデル（BOM）の概要
BOMはブラウザのウィンドウ構造全体を制御するためのAPIコレクションです。windowオブジェクトがグローバルスコープの頂点に位置し、標準組み込み関数やDOM関連プロパティはこの配下に展開されます。グローバルスコープ内で宣言された変数および関数は自動的にwindowのメンバーへと昇格するため、実装時はプレフィクスを省略して ...
7月7日 17:01 投稿
クッキー、localStorage、sessionStorageの違いと使い方
クッキーはブラウザがサーバーにリクエストを送る際に情報を保持する仕組みです。
HTML5のWebストレージにはlocalStorage（永続ストレージ）とsessionStorage（セッションストレージ）の2つのAPIが提供されます。
Webストレージはクッキーの制約を克服することを目的としており、サーバーへの送信を伴わないクライアントサイドでのデータ操作に適しています。
共通点
すべ ...
6月17日 23:15 投稿
Webブラウザにおけるクライアントサイド永続化手法の比較
Webアプリケーションにおいて、ユーザーの状態や設定をクライアント側に一時的または長期的に保持する必要が生じる。これには複数の標準化されたメカニズムが存在し、それぞれ異なるスコープ、寿命、セキュリティ特性を持つ。
1. HTTP Cookie
Cookieは、HTTPプロトコルのステートレス性を補うために導入された初期の仕組みであり、主にサーバーとブラウザ間の状態管理を ...
5月21日 16:03 投稿