読者です 読者をやめる 読者になる 読者になる

@thorikiriのてょりっき

@thorikiriがWebとかAndroidとかの技術ネタや本を読んだブログです

jquery.storage.jsを作ってみた。

javascript jquery

sessionStorageとlocalStorageって便利なんだけど、ちょっと不便なところがあるので、もっと便利にしてみようと思って作りましたよ。
不便な点は次の通り

  • 有効期限の設定をすることが出来ない
  • 暗号化・復号化をしてから出し入れしないとダメ
  • 文字列形式でしか保存されないのでJSONを文字列化したりパースしてから出し入れしないとダメ

基本的な使い方はこんな感じ

// 今まで通り(風)の使い方(暗号化されます)
$.sessionStorage.setItem("key", "value");
var val = $.sessionStorage.getItem("key");
$.sessionStorage.removeItem("key");
$.localStorage.setItem("key", "value");
var val = $.localStorage.getItem("key");
$.localStorage.removeItem("key");

// 有効期限を設定する
var option = {
    expire: { year: 1, month: 1, date: 1, hour: 1, minute: 1, second: 1 }
};
$.sessionStorage.setItem("key", "value", option);
var val = $.sessionStorage.getItem("key");
$.sessionStorage.removeItem("key");
$.localStorage.setItem("key", "value", option);
var val = $.localStorage.getItem("key");
$.localStorage.removeItem("key");

// JSON形式
var option = {
    type: "json"
};
$.sessionStorage.setItem("key", {k1: "v1", k2: "v2"}, option);
var val = $.sessionStorage.getItem("key", option);
$.sessionStorage.removeItem("key");
$.localStorage.setItem("key", {k1: "v1", k2: "v2"}, option);
var val = $.localStorage.getItem("key", option);
$.localStorage.removeItem("key");

// 暗号化しない
var option = {encripto: false};
// あとはよしなに

my-javascript-project/jquery.storage.js at master · thorikiri/my-javascript-project · GitHubに上げてます。