ブラウザでストレージ？ Web Storageを使いこなそう
連載目次 ■Web Storageの概要と活用例 旧来（＝HTML 4.1以前）のWebブラウザでは、eコマース・サイトのカート情報やログイン状態の管理情報などのデータをブラウザに保存する仕組みとして、大半のWebサイトではクッキーを利用していた。しかし、クッキーでは、保存容量が4KBytesまでであることや、すべてのリクエストに対してサーバにデータを自動で送信するため、容量制限やセキュリティ対策に悩まされることも多くあった。 HTML5では、クッキーに代わるデータ保存の仕組みとして、「Web Storage」と呼ばれる機能を利用できる。Web Storageは、ブラウザ側でKey-Value型でデータを保存する機能のことで、現在のインターネットを取り囲む環境に対応した「クッキーの後継技術」ともいえる。 Web Storageとクッキーの機能の差異は、以下の表のとおりだ。
HTML 5のsessionStorageを利用してブラウザにデータを保存する - builder by ZDNet Japan
sessionStorageの使用方法 sessionStorageはStorageインタフェースのインスタンスであり、Windowオブジェクトのプロパティとして定義されている。したがって"sessionStorage"または"window.sessionStorage"としてアクセスできる。 保存するデータはキーと値をペアとし、sessionStorageオブジェクトのプロパティとして扱うことができる。キーと値にはDOMStringオブジェクト、すなわち文字列を指定する。例えば"Ziddy"という値をキー"username"として保存したい場合には、リスト1のようにすればよい。値にオブジェクトを指定したとしても、ストレージには文字列表現で保存される。 リスト1 sessionStorageにデータを保存する sessionStorage.username = "Ziddy"; データを取
HTML5 SessionStorageの挙動 - IT-Walker on hatena
まずは、Web Storageの簡単な説明から。 HTML5 Web Storageは、簡単なキー／バリューのデータ構造を持つ永続ストレージです。 現在、LocalStorageとSessionStorageの二種類が仕様に盛り込まれています。 LocalStorageは、サイト（オリジン）ごとに一意の永続領域で、同じサイト内の全てのWebページ／ウィンドウ間で共有され、永続化される期間は無制限です。 SessionStorageは、ブラウザウィンドウごとの永続領域で、ウィンドウを閉じると消えてしまいます。 で、SessionStorageが「ブラウザウィンドウごと」と言うのは具体的にどういう事なのか、仕様書と実際のブラウザによる実装をいろいろ試して調べてみました。 試すのに使用したのは以下のWebアプリ（僕が自分で試すために作っただけなので、超使いづらいですが）です。 http://ge
localStorageとsessionStorage - Thousand Years
IE8からどうやらlocalStorageとsessionStorageに対応する模様。これらStorage系のオブジェクトは、WHATWGのWeb Application1.0仕様のClient Side Storageを実装したものだということを祈ります。ドキュメントは、この辺で(HTML Standard)、簡単に言うと、ブラウザー側にデータを保存するための技術。ちなみにFirefox2以上でglobalStorage/sessionStorageもClient Side Storageのそれが実装されています。 実験 ttp://localhost/foo.html <html> <head></head> <body> <script type="text/javascript"> localStorage.hoge = "Hello World!!"; </script> <a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
