最終更新日: 2022年10月12日 基本の例クライアントサイドストレージは、パフォーマンスの向上をアプリケーションに対してすばやく追加する優れた方法です。ブラウザ自体にデータを格納することで、ユーザが必要とするたびにサーバから情報を取得するのをスキップすることができます。オフラインのとき特に便利ですが、オンラインユーザでもリモートサーバと比較してローカルデータを使用することにメリットがあります。クライアントサイドストレージは、クッキー, ローカルストレージ（技術的には “Web Storage”）, IndexedDB, および WebSQL（新しいプロジェクトでは使用しないでください）で実行できます。 このクックブックでは最も単純なストレージメカニズムの、ローカルストレージに焦点を当てます。ローカルストレージはデータを格納するための key/value システムを使用します。単純な値だ
Chrome Extensions（機能拡張）の開発でちょっとハマった部分です。あるWebサイト上のデータを取得して、それをlocalStorageに保存して、それをChrome Extensions上で取得して利用しようと思ったのですが、localStorageの仕様上別のスコープとなりそれが無理だということがわかりました。調べてみると、Chrome ExtensionsのAPIを使ってbackground.js上でlocalStorageを使うことで解決できることがわかりました。今回は、その辺りのことをまとめておきます。 localStorageとはまず最初にlocalStorageについて説明します。すでにlocalStoregaについて把握されている方は読み飛ばしてください。 ブラウザは、Web Storageというクライアントサイドのストレージ（記憶装置）を持っています。loca
DataSaver - jQuery plugin for save your data フォーム内の特定要素のlocalStorageへのバックアップを可能にする「DataSaver」。 ブラウザの終了や予期せぬリロード等によってフォームの内容が消えてしまうのを防ぐためのjQueryプラグインです。 フォームまるごと、ではなく特定の要素のみ、という使い方が出来ます（もちろん全部も可）。 バックアップ用のキー等も個別にカスタマイズできるためフォームが複数ある場合も対応可能です。 関連エントリ フォームのfile入力部分のUIを綺麗に整形できる「jQuery Filestyle」 クールでモダンなコンタクトフォームのデモ＆サンプルスクリプト 超カッコ良い検索フォームのチュートリアル＆デモ フォームにて入力の入力UIを追加できる「jquery.signfield」 クレジットカード入力専用フォ
In my previous article about webfont loading I showed a technique about how to load webfonts without blocking page rendering and without annoying the users with flickering text on all pageloads. This time I show you an optimized version of the script and provide a solution for WOFF2 support for the newest browsers. Expectations The users must see the text as soon as possible. As longs as the font
localStorageにフォーム内容を保存してブラウザクラッシュに備える「jquery.formsaver.js」 2014年05月29日- jquery.formsaver.js by hackprime localStorageにフォーム内容を保存してブラウザクラッシュに備える「jquery.formsaver.js」 ブラウザが落ちてフォームが消えてしまった、というのに備えるためのライブラリです $("#form_id").saveForm(); $("#form_id").restoreForm(); のようなAPIで簡単にlocalStorageにフォーム内容を保存、リストアを可能にします。好きなタイミングで保存、リストアが可能となるので、扱いやすそう。 関連エントリ Gmail風に書き途中のフォーム内容をlocalStorageに定期的に保存してくれる「Sisyphus」
追記 Windows8 の「リフレッシュ」機能を使った後、 IE10 や Silverlight がおかしいときの原因（のその一つ） - oogattaの勉強日記 コメントでアドバイスいただいた内容でフォローアップ書きました。 ここからもともとの本文 ずっと前から悩まされていたこの問題、検索すると、世界中でちらほらと困っている人がいて、そして、大抵「俺のところでは再現しない」と言われてみんな落ち込んでいる。私も落ち込みました。何が辛いって、 window.localStorage プロパティにアクセスした時点で実行時エラーになってしまうところ。 直接の原因はわからず仕舞いながら、「 Internet Explorer の設定をリセット＆個人情報を削除する」では効果が無く、管理者権限で IE10 を起動する、または新規にユーザを作ってそのユーザで IE10 を起動すると正常通り localS
Garlic.jsはフォーム入力データをローカルストレージに保存し、再読み込みしても復元してくれるソフトウェアです。 Webサイトフォームへの入力において間違ってウィンドウを閉じてしまったり、何かエラーがあったために全ての入力結果が消えてしまったなんていうと非常にがっかりします。それを防止できるのがGarlic.jsです。 テキストボックス、テキストエリアに適当な文字を入力します。リロードしてもちゃんと入力が保持されています。 Ajaxベースの入力エラーチェックにも対応しています。 今のところ、テキストボックスとテキストエリアのみ対応しているようです。指定した項目だけ対象外にもできます。今後、ラジオボタンやチェックボックスなどにも対応が願われます。 Garlic.jsはJavaScript製、MIT Licenseのオープンソース・ソフトウェアです。 MOONGIFTはこう見る 最近ではモ
locache JavaScript framework for client side caching in the browser using DOM Storage with expiring values. With a memcache inspired API usage is very simple. Locache has no dependencies and is very small. locache gracefully degrades when the browser doesn't support localStorage. Usually this will be IE6 or IE7, you wont get any errors, but caching attempts will be silently dropped and lookups wil
「PHP Advent Calendar jp 2011」6日目（12月6日）のエントリーです。 初めてアドベントカレンダーに参加したのですが、いきなり内容が被ってしまいました。そのまま公開しようと思ってたのですが、急遽ネタを思いついたので、早速作ってみました。 ちなみに最初のネタは_ww（アンダースコア･ワラワラ）というクラスです。 ◆PHPからローカルストレージを使う HTML5とスマートフォンが登場してから、クライアント（ブラウザー側）の技術が急速に進化していると感じます。今までのPHPでサーバー側でHTMLを構築するとは違ったウェブの構築になるのではないでしょうか。 という前振りで、HTML5で登場したlocalStorageをPHPからを操作するクラスを作ってみました。 ソースコードはgithubのphpadventjp2011で公開してあります。 localStorageクラス
原文：“There is no simple solution for local storage” (on March 5, 2012 by Chris Heilmann) 要約：私たちは良いデータストアとして localStorage を推奨するのをやめなければならない。パフォーマンスがひどく損なわれるからだ。しかし残念なことに、代わりとなるものはまだ完全にサポートされておらず、また簡単に実装できるものでもない。 Web 開発において、うますぎる話に出くわすことは常々だ。そういったもののいくつかは良いもので、だからこそそれが「すべて」として目立ってしまい、開発者を使うように仕向けてしまう。しかし、多くの場合、良いと思われていたものはそこまで良いものではない。また、しばらく使ってみてはじめて「間違っていた」と気づかされるものなのだ。 そんなもののひとつに、localStorage がある
AudioファイルとImageファイルをローカルストレージに保存するサンプルを公開。 http://home.wi-wi.jp/lab/00s/ Audioは上手く行ってないけど、画像（canvas経由）は問題なく保存できる。 追記。 うまくいったっぽい。 http://home.wi-wi.jp/lab/00t/ 動作検証はSafari5.1、Chrome17、Opera11.6、Firefox10です。 IE8以下は不可。audioとlocalStorageが必要なので。 IE9は不明。当方、WindowsXPなので。 残念ながらiPhone/iOS5ではAudioだけ無理でした。 上手く動いていたら、onloadでAudioを再生することもできるかもしれませんが、、、 簡単に解説すると、XHRで受け取ったデータをBASE64エンコードして、ローカルストレージに保存するだけ。 loca
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く