cookieの代わりに、簡単に操作できるlocalStorage を使ってみる

localstorage-cookie
このエントリーをはてなブックマークに追加
PR

cookieは長らく使われてきましたが

容量的な問題や、有効期限の問題等がある

 

 

そこで、最近注目を浴びているのが localStorage

localStorageはcookieよりも、大きいサイズのデータが保存出来

有効期限も無期限となっている

また、cookieよりも簡単にデータの保存と読込が出来る

 

 

ってことで良いことずくめ

 

 

localStorage でデータの保存と読込を行う

 

データの保存

localStorage.setItem('key','value');

データは key と value で保存出来 cookie と同じような使い方

 

 

データの読込

localStorage.getItem('key');

キーを指定するだけで 値を取得出来る

 

 

たったのこれだけ!

jQueryとかjQuery.cookie.js とかのプラグインのようなものは使わなくても

これだけで使えてしまうシンプルな設計、あと短くて覚えやすいし

テキストエディタの補完機能があれば、あれよあれよと簡単に書けます

 

 

ただ、localstorageは ドメイン、ポート、サブドメインの有無、httpsの有無で保存と読込の領域が決まるので、それぞれにまたがってってことは出来ないようです

セキュリティ的な問題ですね。

 

例えば

hhtp://9-bb.com と https://9-bb.com ではダメですし

http://www.9-bb.com と http://9-bb.com でもダメです

wwwはサブドメインなので

 

でも、サイトのドメインがコロコロ変わることもないし

httpからhttpsに変わることはあるかもしれないけど、会員制のサイトとかだと アカウントにデータを保存すればいいので ブラウザにわざわざ保存させなくても良い

特殊な環境以外は特に問題無く使いこなせると思います

 

 

 

参考ページ

http://www.misclog.com/tech/1021/

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)