#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"));

これは便利！