#webstorage

[monohedron]

[safeeronline]

Getting Started with Local Storage

Overview

There are of different ways to store data from website into your local machine, more specifically in your browsers. Most commonly used and traditional way is store data into cookies.

There is some limitations and drawbacks are there when using cookies, some of them are,

Cookies are limited to about 4 KB of data.

No Security for Sensitive Data.

Cookies are send along with every HTTP…

View On WordPress

[firerishi-blog]

A round up of all browser storage options available to client-side HTML5 developers.

[drum-head]

[notsobad-jp-blog]

Web Storageつかってみた。

(photo credit: Photolifer via photopin cc)

ものすごい今さら感あるけど、名前だけよく聞いてたWebStorageを使ってみた。 結果、ものすごい簡単で感動した。

いろんなことやるときの学習コストがどんどん下がってる気がする。。 ありがたい話です。。

まずはふつうに使うとこから

@IT 人気順に説明する初めてのHTML5開発：「ブラウザでストレージ？ Web Storageを使いこなそう」

ここで基礎をざっくりお勉強。 クッキーの後継的な位置づけなんですね。 5MBまで使えるとな。ふむふむ。。

今回はlocal storageのほうを使ってみたので、

var storage = window.localStorage; storage.setItem("key", "value");

これだけで保存できてしまいました。。 ChromeのDeveloperToolでちゃんと保存できてるのを確認。

取り出すときは、

var data = storage.getItem("key");

でオッケー。簡単です。。

オブジェクトを保存したいときは

valueは文字列で保存されるんやけど、もっといろいろ詰め込みたいときもある。 そんなときはオブジェクトをJSON文字列に変換して格納し、読み込むときにパースするといいらしい。

storage.setItem("key", JSON.stringify(["aaa","bbb","ccc"])); var data = JSON.parse(storage.getItem("key"));

これは便利！

という感じで、なかなか手を出すきっかけがなかったWebStorageをさわりましたよと。 これはたしかに便利やわー。。

[fredericguerrier]

Stockage des données locales : Web Storage http://ow.ly/aJ7Px WebDev : Tutoriel WebStorage / Alsacreations

[explosivelab-blog]

[kazu69]