たぶん世界一簡単なIndexedDBのサンプル - DRYな備忘録
WebSQL先輩… localStorageのようなシンプルなkvsじゃなくて、検索を伴うようなブラウザで永続化できるストレージあるかな、そういえばWebSQLってどうなってるんだろう？と思って調べたら、 Developer's blog | HTML5のWeb SQL DatabaseがW3Cの仕様策定の範囲から外れていた W3C、「Web SQL Database」の仕様策定を正式に断念 - builder by ZDNet Japan あらまあ Migrating your WebSQL DB to IndexedDB - HTML5 Rocks 代わりにIndexedDBを使えということらしい. なにそれ食えんの. IndexedDBとは？ どうやら検索キーを指定してドキュメントをつっこめるストレージっぽい. IndexedDB is a way for you to persis
Dexie.js - Minimalistic IndexedDB Wrapper
Reactive Dexie 3.2 integrates better with front-end frameworks. Query the db without boilerplate and let your components mirror the database in real time. Show me » Easy to learn Dexie was written to be straightforward and easy to learn. If you've ever had to work with native IndexedDB then you'll certainly appreciate Dexie's concise API. Dive right in »
ウェブ向けのストレージ | Articles | web.dev
ウェブ向けのストレージ コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 外出先でインターネット接続が不安定であったり、接続できなかったりする場合があるので、 オフライン サポートと信頼性の高いパフォーマンスは、 プログレッシブ ウェブアプリ完全なワイヤレス状態でも 保存、キャッシュ、その他のストレージ手法を賢く使用すると、 ユーザーエクスペリエンスが大幅に向上しますキャッシュに保存する方法はいくつかあります。 静的なアプリケーション リソース（HTML、JavaScript、CSS、画像など） データ（ユーザーデータ、ニュース記事など）最適なソリューションはどれでしょうか？方法 保存できる量はどれくらいでしょうか強制排除されないようにするにはどうすればよいですか？ 何を使用すればよいですか？ リソースを保存する一般的な推奨事項は次のとおりです。 アプリやフ
ブラウザーのストレージ制限と削除基準 - Web API | MDN
ウェブ開発者が、ユーザーのブラウザー（つまり、ユーザーがウェブサイトを閲覧するために使用している端末のローカルディスク）にデータを格納するために利用できる技術はたくさんあります。 ブラウザーがウェブサイトに格納することを許可するデータ量と、その制限に達したときにデータを削除するために使用する仕組みは、ブラウザーによって異なります。 この記事では、データを格納するために使用できるウェブ技術、ウェブサイトがデータを格納しすぎないように制限するためにブラウザーが所有しているクォータ、および必要なときにデータを削除するために使用する仕組みについて記述されています。 ブラウザーは、ユーザーがウェブ上で追跡されるリスクを縮小するために、ウェブサイトからのデータをさまざまな場所に格納します（バケットとも呼ばれます）。ほとんどの場合、ブラウザーは格納されるデータをオリジンごとに管理します。 このため、オリ
IndexedDB の使用 - Web API | MDN
IndexedDB は、ユーザーのブラウザー内にデータを永続的に保存する手段です。ネットワークの状態にかかわらず高度な問い合わせ機能を持つウェブアプリケーションを作成できますので、アプリケーションがオンラインとオフラインの両方で動作するようになります。 このチュートリアルでは、IndexedDB の非同期 API の使い方を見ていきます。IndexedDB について詳しくない場合は、始めに IndexedDB の主な特徴と基本用語をお読みください。 IndexedDB API のリファレンスドキュメントとして、IndexedDB API の記事とそのサブ記事をご覧ください。この記事では、IndexedDB で使用されるオブジェクトの種類と、非同期 API のメソッドについて説明します (同期 API は仕様から削除されました)。 IndexedDB で推奨される基本パターンは、以下のように
IndexedDBでの検索がちょっと便利になるMultiEntry - へっぽこプログラマーの日記
HTML5 Advent Calendarの24日目です。 残すところあと1日となりました！ 他の方々が有用な記事をたくさん書いて頂いているので、そちらも是非チェックしてみてください。 さて、私からはIndexedDBのMultiEntryという仕組みについて少しだけ解説したいと思います。 IndexedDBが題材ということで少しマニアックですが… IndexedDBの検索方法 IndexedDBの検索方法について簡単に触れておくと、その名前の通り、あらかじめ索引を作成して検索するというものです。つまり、検索に使う可能性があるプロパティやパターンをあらかじめ洗い出しておく必要があります。また、RDBMSのように複合検索というものがないため、複雑な検索を行うためには、データ検索用のプロパティを別途用意しなければなりません。 検索がちょっと便利になるMultiEntry 前述したように、Ind
IndexedDBの（少し詳しい）サンプルコード - Qiita
IndexedDBは検索すればすぐにサンプルコードが出てきますが、一部不明瞭な点があるのでそれを補完したサンプルコードです。 IndexedDBとは (大量の)オブジェクトを格納するためのHTML5アプリで使えるデータベースです。 サンプルコード //1.indexedDBを開く var idbReq = indexedDB.open("archives", 1); //2.DBの新規作成時、またはバージョン変更時に実行するコード idbReq.onupgradeneeded = function (event) { var db = event.target.result; var twitterStore = db.createObjectStore("twitter", { keyPath: "id_str" }); var pocketStore = db.createObject
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
