十四章第四回 Indexed Database 3 — JavaScript初級者から中級者になろう — uhyohyo.net
十四章第四回 Indexed Database 3このページの最終更新日：2019年7月1日 実はIndexed DBの解説はやっと折り返しです。続きも頑張りましょう。 オブジェクトストアの操作前回はIDBObjectStoreのメソッドaddとputを紹介しました。 今回はさらにメソッドを紹介します。まずはgetです。これは、引数にkeyを指定すると、そのkeyをもつレコードが得られるというものです。ただし、そのkeyをもつレコードがない場合はundefinedが返ってきます。 これがあるので、keyはレコードにつけた名前のような感覚で使えます。 ただし、getの結果は返り値として帰ってくるわけではありません。getの返り値は例によってIDBRequestです。 addやputのときと同様に、IDBRequestで発生するsuccessイベントを待たなければなりません。getの結果、すな
Indexed DB 適当メモ
JavaScriptのデータベースAPI。TypeScriptの書き方をしている部分がある。内容は間違っていることがある。全てのブラウザが仕様書通りに動作するとは限らない。 ブラウザ対応状況 caniuse - Indexed DB http://caniuse.com/indexeddb W3Cの仕様書 http://www.w3.org/TR/IndexedDB/ MDN - IndexedDB https://developer.mozilla.org/ja/docs/IndexedDB IDBFactory データベースは複数生成できる。HTMLのあるオリジン（ドメイン名）と異なるオリジンに作成されたデータベースへはアクセス出来ない。 indexedDB.open()とバージョン データベース自体を初めて生成するときは次のようにするのがオススメ ver DB_NAME = "db1
Webアプリもオフライン実行？ Indexed Databaseを使いこなそう － ＠IT
連載目次 従来のWebアプリケーションでのデータ保存には、MySQL／Oracle／SQL Serverなど各データベース製品を利用してサーバサイドでデータをやりとりするのが一般的であった（ActiveXを利用すればJavaScriptコードからデータベース製品を利用することも可能）。 重要なデータを保存する場合には、今後もこの流れは変わることはない。ただ、個人で利用するだけのデータや、インターネットに接続できないオフライン環境でのアプリケーション利用時であればどうだろう。このようなケースでは、（クライアント環境で）ブラウザごとにデータを保存できる仕組みがあれば、非常に有効だ。 そこで登場するのが、今回紹介する「Indexed Database API」（以下、IndexedDB）だ。IndexedDBは、JavaScriptを使用してデータを管理できるキー／バリュー型の簡易データベースで
Indexed Database API について
Indexed Database API（以下、indexedDB）について、これまで追いかけてきた情報をとりまとめたので公開します。 indexedDBは当初は仕様が固まっておらず、サンプルコードも当然のように動かなかったので（今も動きませんが…）、検証するにはかなりハードな状況でした。最近になってどうにか動くようになってきたので、@komasshu さんと色々やり取りしながら一通りの動作を確認しました。 現時点で利用できるブラウザは Chrome 9 以降 または Firefox 4 beta 8 以降となります。まだまだ仕様は動いていますので、検証の際は、なるべく最新の開発版を使うことをおすすめします。本エントリーでは、Chrome 9 beta 、Firefox 4 beta 8 にて検証します。また、資料は、2011年1月20日時点の W3C Editor's Draft を参照
【HTML5】Indexed Database API を真面目に勉強してみる | DevelopersIO
最近、HTML5アプリ案件でローカルにデータを保存する必要があり、Local Storageを使うかIndexed DBを使うか検討しました。 その際、Indexed DBに関していろいろと調査したので残しておきます。 Indexed Database APIとは キー・バリュー型のデータベースです。まだワーキングドラフト(草案)の状態のため今後、仕様が変わる可能性があります。 ネットで探すとIndexed DBの記事は見つかるのですが、記事が古いとエラーが発生しました。この記事のソースコードも今日時点(2013/4/25)では動きますが今後動かなくなる可能性があります。 Local Storageと何が違うのか Local Storageと違うところは以下の３点です。 Indexed DBはキー以外の項目にインデックスを張ることでキー以外の項目も検索条件にできます。 Indexed DB
Indexed Database APIによるデータベース(1/7):JavaScriptによるHTML5プログラミング入門 - libro
HTML5では、ローカルな環境での利用に関する機能が強化されています。その中の目玉とも言えるのが「データベース」関係の機能でしょう。しかし、このデータベース機能は、現在までかなり迷走していました。HTML5には、データベースに関する機能が実は２種類用意されています。以下にざっと整理しておきましょう。 Web SQL Database API――これは既に連載の第４回で取り上げましたね。SQLベースのリレーショナルデータベース機能です。 Indexed Database API――これが今回取り上げるものです。非SQLによるデータベース機能です。 もともとデータベース機能は、Web SQL Database APIのほうが早くブラウザ側の実装が進められていました。が、ChromeやFirefoxなどが実装した頃になって、W3C（HTML5の規格を策定しているところ）がSQLベースのデータベー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Javascript: Searching indexeddb using multiple indexes