From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/ja/web/api/indexeddb_api/index.html | 159 ++++++++++++++++++++++++++++++ 1 file changed, 159 insertions(+) create mode 100644 files/ja/web/api/indexeddb_api/index.html (limited to 'files/ja/web/api/indexeddb_api/index.html') diff --git a/files/ja/web/api/indexeddb_api/index.html b/files/ja/web/api/indexeddb_api/index.html new file mode 100644 index 0000000000..1c8f968e3f --- /dev/null +++ b/files/ja/web/api/indexeddb_api/index.html @@ -0,0 +1,159 @@ +--- +title: IndexedDB API +slug: Web/API/IndexedDB_API +tags: + - API + - Advanced + - Database + - IndexedDB + - Landing + - Reference + - Storage +translation_of: Web/API/IndexedDB_API +--- +
{{DefaultAPISidebar("IndexedDB")}}
+ +

IndexedDB は、ファイルや blob を含む構造化された多くのデータを保存する、クライアントサイドのローレベル API です。この API は高パフォーマンスなデータの検索を行うために、インデックスを使用します。Web Storage は比較的少量のデータを保存するのに有用ではありますが、構造化された非常に多くのデータを扱うには不十分です。IndexedDB が解決策を提供します。本ページは、MDN における IndexedDB のランディングページです。ここでは API リファレンスへのリンク、使用ガイド、ブラウザーのサポート状況、主要なコンセプトの説明を掲載します。

+ +

{{AvailableInWorkers}}

+ +
+

メモ: IndexedDB API は強力ですが、シンプルな用途にとってはとても複雑に見えるかもしれません。シンプルな API が好ましいのでしたら、IndexedDB をより開発者フレンドリーに扱える localForage や dexie.js、ZangoDB、PouchDB、JsStore などのライブラリを検討してください。

+
+ +

主要概念と使用法

+ +

IndexedDB は SQL ベースの RDBMS に似たトランザクショナルデータベースシステムですが、SQL ベース の RDBMS が固定された列を持つテーブルを使用するのに対して、IndexedDB は JavaScript ベースのオブジェクト指向データベースです。IndexedDB では、キーでインデックス付けされたオブジェクトを保存および取り出すことができます。Structured Clone アルゴリズムがサポートする、任意のオブジェクトを保存できます。データベースのスキーマを定義する、データベースへの接続を確立する、そして一連のトランザクションでデータの取り出しや更新を行うことが必要です。

+ + + +
+

メモ: たいていのウェブストレージ技術と同様に、IndexedDB も同一オリジンポリシーに従います。よって、保存済みデータは同一ドメイン内からアクセスできますが、異なるドメインにまたがってデータへアクセスすることはできません。

+
+ +

同期と非同期

+ +

IndexedDB を扱う操作は非同期に実行しますので、他のアプリケーションを妨げません。 IndexedDB は元々同期 API と非同期 API の両方を提供していました。同期 API は Web Worker 内でのみの使用を意図していましたが、必要性に疑問があったため仕様から削除されました。ただし、同期 API はウェブ開発者から十分な要望がある場合は、将来再び導入される可能性があります。

+ +

ストレージの上限と破棄基準

+ +

クライアントサイド (すなわちローカルディスク) に何らかのデータを保存するウェブ技術がいくつかあり、IndexedDB はそのような技術としてもっともよく語られます。ブラウザーがどれだけの容量をウェブデータストレージに割り当てるかや、容量の上限に達したときにどのデータを削除するかのプロセスは単純ではなく、またブラウザーにより異なります。Browser storage limits and eviction criteria で、少なくとも Firefox ではどのようにしているかを説明しようとしています。

+ +

インターフェイス

+ +

データベースへのアクセスを行いたい場合は、window オブジェクトの indexedDB 属性上の open() を呼び出してください。このメソッドは {{domxref("IDBRequest")}} オブジェクトを返します。{{domxref("IDBRequest")}} オブジェクト上で発火したイベントによってアプリケーションが呼び出されることにより、非同期操作が行われます。

+ +

データベースへの接続

+ +
+
{{domxref("IDBEnvironment")}}
+
IndexedDB 機能へのアクセスを提供します。{{domxref("window")}} および {{domxref("worker")}} オブジェクトによって実装されています。このインターフェイスは 2.0 仕様の一部ではありません。
+
{{domxref("IDBFactory")}}
+
データベースへのアクセスを提供します。indexedDB グローバルオブジェクトによって実装されており、従って API へのエントリーポイントになります。
+
{{domxref("IDBOpenDBRequest")}}
+
データベースを開くリクエストを表します。
+
{{domxref("IDBDatabase")}}
+
データベース接続を表します。データベースとのトランザクション処理を行うためのみに使用されます。
+
+ +

データの取り出しと変更

+ +
+
{{domxref("IDBTransaction")}}
+
トランザクションを表します。(アクセスしたいオブジェクトストアの) スコープを指定し、(読み取り専用または読み書き可能といった) アクセスの種類を定義して、データベースへのトランザクションを作成します。
+
{{domxref("IDBRequest")}}
+
データベースへのリクエストの処理、および結果へのアクセスを提供する汎用インターフェイスです。
+
{{domxref("IDBObjectStore")}}
+
IndexedDB 内のデータセットにアクセスできるオブジェクトストアを表し、主キーを使用して探索します。
+
{{domxref("IDBIndex")}}
+
こちらも IndexedDB データベース内のデータのサブセットにアクセスできますが、レコードの探索に主キーではなくインデックスを使用します。{{domxref("IDBObjectStore")}} より高速に動作する場合があります。
+
{{domxref("IDBCursor")}}
+
オブジェクトストアとインデックスをイテレートします。
+
{{domxref("IDBCursorWithValue")}}
+
オブジェクトストアとインデックスをイテレートして、カーソルの現在の値を返します。
+
{{domxref("IDBKeyRange")}}
+
データベースから一定の範囲のデータを取り出すために使用可能な、キーの範囲を定義します。
+
{{domxref("IDBLocaleAwareKeyRange")}} {{Non-standard_inline}}
+
データベースから一定の範囲のデータを取り出すために使用可能な、インデックス用に指定したロケール (createIndex() の optionalParameters をご覧ください) の規則によって並べ替えたキーの範囲を定義します。
+
+ +

カスタムイベントインターフェイス

+ +

本仕様では、以下のカスタムインターフェイスでイベントが発生します:

+ +
+
{{domxref("IDBVersionChangeEvent")}}
+
IDBVersionChangeEvent インターフェイスは、{{domxref("IDBOpenDBRequest.onupgradeneeded")}} イベントハンドラ関数によってデータベースのバージョンが変更されたことを表します。
+
+ +

廃止インターフェイス

+ +

仕様の早期段階で定義されていたインターフェイスの一部が、現在、削除されています。以前書いたコードを最新の仕様に合わせて更新する際に必要になるであろうことから、削除されたインターフェイスに関するドキュメントは残してあります:

+ +
+
{{domxref("IDBVersionChangeRequest")}} {{obsolete_inline}}
+
データベースのバージョンの変更リクエストを表現します。データベースのバージョンを変更する方法が ({{domxref("IDBDatabase.setVersion")}} ではなく {{domxref("IDBFactory.open")}} を呼び出すように) 変わりました。また削除された {{domxref("IDBVersionChangeRequest")}} に代わり {{domxref("IDBOpenDBRequest")}} インターフェイスが用意されています。
+
{{domxref("IDBDatabaseException")}}  {{obsolete_inline}}
+
データベース操作が実行されている間に発生した例外状況を表します。
+
{{domxref("IDBTransactionSync")}} {{obsolete_inline}}
+
同期型の {{domxref("IDBTransaction")}} です。
+
{{domxref("IDBObjectStoreSync")}} {{obsolete_inline}}
+
同期型の {{domxref("IDBObjectStore")}} です。
+
{{domxref("IDBIndexSync")}} {{obsolete_inline}}
+
同期型の {{domxref("IDBIndex")}} です。
+
{{domxref("IDBFactorySync")}} {{obsolete_inline}}
+
同期型の {{domxref("IDBFactory")}} です。
+
{{domxref("IDBEnvironmentSync")}} {{obsolete_inline}}
+
同期型の {{domxref("IDBEnvironment")}} です。
+
{{domxref("IDBDatabaseSync")}} {{obsolete_inline}}
+
同期型の {{domxref("IDBDatabase")}} です。
+
{{domxref("IDBCursorSync")}} {{obsolete_inline}}
+
同期型の {{domxref("IDBCursor")}} です。
+
+ +

例

+ + + +

仕様書

+ + + + + + + + + + + + + + + + + + + + + +
仕様書状態備考
{{SpecName("IndexedDB 2")}}{{Spec2("IndexedDB 2")}} 
{{SpecName('IndexedDB')}}{{Spec2('IndexedDB')}}初回定義
+ +

関連情報

+ + -- cgit v1.2.3-54-g00ecf