はてぶコメントchrome拡張をキャッシュするようにする

前に作ったchromeのはてぶコメント拡張*1だけど、よく考えたらこれ、クリックするたびにはてぶAPIにアクセスしちゃう。ってことでlocalStorage(だっけ?)に保存してみる。

ちょっとググってみたところlocalStorageには設定やキャッシュを保存するってことで、使う目的としては間違ってないっぽい。
使い方はすごい簡単で、localStorageってハッシュを使う感じ。
urlをキーにして保存してみた。

    if (! localStorage[tab.url]) { // もしlocalStorageにデータがなかったら
      var url = "http://b.hatena.ne.jp/entry/jsonlite/" + tab.url;
     $("#dump").append('api access...');
      console.log('api access...');
      $.getJSON(url, function(json){					 // APIでデータとってきて
        localStorage[tab.url] = JSON.stringify(json); // localStorageに保存
		// (中略)
	}
    else {											   // localStorageにデータがあったら
      var json = JSON.parse(localStorage[tab.url]); // localStorageから取得

localStorageにはCookieみたいに期限とか設定できないらしいので、それは自前でやらないといけない。
けど、それはまた今度。
今日はここまで。

*1:http://d.hatena.ne.jp/suzuki-shin/20110707#1310054195