IDBDatabase

メモ: この機能はウェブワーカー内で利用可能です。

メモ: IndexedDB 内で行う全ての操作は、データベース内のデータとの作用を表すトランザクションの文脈で起こります。IndexedDB 内の全てのオブジェクト (オブジェクトストア、インデックス、カーソルを含みます) は、特定のトランザクションに紐づいています。そのため、トランザクション外では、コマンドを実行したり、データにアクセスしたり、何かを開いたりできません。

// データベースを開く
const DBOpenRequest = window.indexedDB.open("toDoList", 4);
// これら 2 個のイベントハンドラーは、データベースが正常に開かれたか、失敗した時に動作します。
DBOpenRequest.onerror = (event) => {
 note.innerHTML += "<li>データベースの読み込みに失敗しました。</li>";
};
DBOpenRequest.onsuccess = (event) => {
 note.innerHTML += "<li>データベースを初期化しました。</li>";
 // データベースを開いた結果を変数 db に保存します。
 // これは後でたくさん使います。
 db = DBOpenRequest.result;
 // displayData() 関数を実行し、タスクリストに既に IDB にある全ての to-do リストデータを入れます。
 displayData();
};
// このイベントハンドラーは、新しいバージョンのデータベースの作成が必要なことを表すイベントを処理します。
// これは、データベースが作成されていないときや、上の行の window.indexedDB.open に
// 新しいバージョン番号が渡されたときです。
DBOpenRequest.onupgradeneeded = (event) => {
 const db = event.target.result;
 db.onerror = (event) => {
 note.innerHTML += "<li>データベースの読み込みに失敗しました。</li>";
 };
 // IDBDatabase.createObjectStore を用いてデータベースにオブジェクトストアを作成します。
 const objectStore = db.createObjectStore("toDoList", {
 keyPath: "taskTitle",
 });
 // オブジェクトストアにどのようなデータ項目が入るかを定義します。
 objectStore.createIndex("hours", "hours", { unique: false });
 objectStore.createIndex("minutes", "minutes", { unique: false });
 objectStore.createIndex("day", "day", { unique: false });
 objectStore.createIndex("month", "month", { unique: false });
 objectStore.createIndex("year", "year", { unique: false });
 objectStore.createIndex("notified", "notified", { unique: false });
 note.innerHTML += "<li>オブジェクトストアが作成されました。</li>";
};

const objectStore = db
 .transaction("toDoList", "readwrite")
 .objectStore("toDoList");

MDN の改良に協力

このページは MDN の貢献者によって 2025年6月24日 に最終更新されました。