Baseline Widely available
IndexedDB API ã® IDBObjectStore
ã¤ã³ã¿ã¼ãã§ã¤ã¹ã¯ããã¼ã¿ãã¼ã¹å
ã®ãªãã¸ã§ã¯ãã¹ãã¢ã表ãã¾ãããªãã¸ã§ã¯ãã¹ãã¢å
ã®ã¬ã³ã¼ãã¯ããã¼ã«ãã£ã¦ã½ã¼ãããã¦ãã¾ããã½ã¼ããã¦ãããã¨ã§ãé«éãªæ¿å
¥ãæ¤ç´¢ãããã¦é çªã§ã®åãåºããå¯è½ã«ãã¾ãã
ã¡ã¢: ãã®æ©è½ã¯ã¦ã§ãã¯ã¼ã«ã¼å ã§å©ç¨å¯è½ã§ãã
ã¤ã³ã¹ã¿ã³ã¹ããããã£IDBObjectStore.indexNames
èªåå°ç¨
ãã®ãªãã¸ã§ã¯ãã¹ãã¢å ã®ãªãã¸ã§ã¯ãã®ã¤ã³ããã¯ã¹ã®ååã®ãªã¹ãã§ãã
IDBObjectStore.keyPath
èªåå°ç¨
ãã®ãªãã¸ã§ã¯ãã¹ãã¢ã®ãã¼ãã¹ã§ãããã®å±æ§ã null
ã®ã¨ãã¯ãã¢ããªã±ã¼ã·ã§ã³ã¯ããããã®æ´æ°æä½ã®ããã«ãã¼ãæä¾ããªããã°ãªãã¾ããã
IDBObjectStore.name
ãã®ãªãã¸ã§ã¯ãã¹ãã¢ã®ååã§ãã
IDBObjectStore.transaction
èªåå°ç¨
ãã®ãªãã¸ã§ã¯ãã¹ãã¢ãå±ãã¦ãã IDBTransaction
ãªãã¸ã§ã¯ãã§ãã
IDBObjectStore.autoIncrement
èªåå°ç¨
ãã®ãªãã¸ã§ã¯ãã¹ãã¢ã®ãªã¼ãã¤ã³ã¯ãªã¡ã³ããã©ã°ã®å¤ã§ãã
IDBObjectStore.add()
IDBRequest
ãªãã¸ã§ã¯ããè¿ããå¥ã®ã¹ã¬ããã§ value
ã®æ§é åè¤è£½ãçæããè¤è£½ããå¤ããªãã¸ã§ã¯ãã¹ãã¢ã«ä¿åãã¾ããããã¯ãªãã¸ã§ã¯ãã¹ãã¢ã«æ°ããã¬ã³ã¼ãã追å ããæä½ã§ãã
IDBObjectStore.clear()
IDBRequest
ãªãã¸ã§ã¯ããçæãã¦ããã«è¿ããå¥ã®ã¹ã¬ããã§ãã®ãªãã¸ã§ã¯ãã¹ãã¢ãã¯ãªã¢ãã¾ããããã¯ãªãã¸ã§ã¯ãã¹ãã¢å
ã«ç¾å¨ããå
¨ã¬ã³ã¼ããåé¤ããæä½ã§ãã
IDBObjectStore.count()
IDBRequest
ãªãã¸ã§ã¯ããè¿ããå¥ã®ã¹ã¬ããã§æå®ã®ãã¼ã¾ã㯠IDBKeyRange
ã«ãããããã¬ã³ã¼ãã®æ°ãè¿ãã¾ãã弿°ãªãã§å¼ã°ããå ´åã¯ãã¹ãã¢å
ã®å
¨ã¬ã³ã¼ãã®æ°ãè¿ãã¾ãã
IDBObjectStore.createIndex()
ãã¼ã¸ã§ã³ã®æ´æ°ä¸ã«æ°ããã¤ã³ããã¯ã¹ã使ããæ¥ç¶ä¸ã®ãã¼ã¿ãã¼ã¹ã«ãããæ°ãã IDBIndex
ãè¿ãã¾ãã
IDBObjectStore.delete()
IDBRequest
ãªãã¸ã§ã¯ããè¿ããæå®ãããã¼ã«ãã£ã¦é¸æãããã¹ãã¢å
ã®ãªãã¸ã§ã¯ããå¥ã®ã¹ã¬ããã§åé¤ãã¾ããããã¯ãªãã¸ã§ã¯ãã¹ãã¢ããåå¥ã®ã¬ã³ã¼ããåé¤ããæä½ã§ãã
IDBObjectStore.deleteIndex()
ãã¼ã¸ã§ã³ã®æ´æ°ä¸ã«ç¨ããæ¥ç¶ä¸ã®ãã¼ã¿ãã¼ã¹ããæå®ããã¤ã³ããã¯ã¹ãåé¤ãã¾ãã
IDBObjectStore.get()
IDBRequest
ãªãã¸ã§ã¯ããè¿ããæå®ãããã¼ã«ãã£ã¦é¸æãããã¹ãã¢å
ã®ãªãã¸ã§ã¯ããå¥ã®ã¹ã¬ããã§è¿ãã¾ããããã¯ãªãã¸ã§ã¯ãã¹ãã¢ããç¹å®ã®ã¬ã³ã¼ããåãåºãæä½ã§ãã
IDBObjectStore.getKey()
IDBRequest
ãªãã¸ã§ã¯ããè¿ããæå®ãããã©ã¡ã¼ã¿ã¼ã«ããããããªãã¸ã§ã¯ãã¹ãã¢å
ã®ãªãã¸ã§ã¯ãã®ã¬ã³ã¼ããã¼ãå¥ã®ã¹ã¬ããã§åå¾ãã¦è¿ãã¾ãã
IDBObjectStore.getAll()
IDBRequest
ãªãã¸ã§ã¯ããè¿ããæå®ãããã©ã¡ã¼ã¿ã¼ã«ããããããªãã¸ã§ã¯ãã¹ãã¢å
ã®ãªãã¸ã§ã¯ããå
¨ã¦åå¾ãã¾ãã弿°ãªãã§å¼ã°ããå ´åã¯ãã¹ãã¢å
ã®å
¨ã¦ã®ãªãã¸ã§ã¯ããåå¾ãã¾ãã
IDBObjectStore.getAllKeys()
IDBRequest
ãªãã¸ã§ã¯ããè¿ããæå®ãããã©ã¡ã¼ã¿ã¼ã«ããããããªãã¸ã§ã¯ãã¹ãã¢å
ã®å
¨ã¦ã®ãªãã¸ã§ã¯ãã®ã¬ã³ã¼ããã¼ãåå¾ãã¾ãã弿°ãªãã§å¼ã°ããå ´åã¯ãã¹ãã¢å
ã®å
¨ã¦ã®ãªãã¸ã§ã¯ãã«ã¤ãã¦åå¾ãã¾ãã
IDBObjectStore.index()
ãã®ãªãã¸ã§ã¯ãã¹ãã¢ã§ã¤ã³ããã¯ã¹ãéãã¾ããããã¯ããã¨ãã°ãã«ã¼ã½ã«ãç¨ãã¦ãã®ã¤ã³ããã¯ã¹ã§ã½ã¼ããããã¬ã³ã¼ãã®åãå¾ãã®ã«ç¨ãããã¨ãã§ãã¾ãã
IDBObjectStore.openCursor()
IDBRequest
ãªãã¸ã§ã¯ããè¿ããå¥ã®ã¹ã¬ããã§æ°ãã IDBCursorWithValue
ãªãã¸ã§ã¯ããè¿ãã¾ããããã¯ã«ã¼ã½ã«ãç¨ãã¦ä¸»ãã¼ã§ãªãã¸ã§ã¯ãã¹ãã¢ãèµ°æ»ããã®ã«ç¨ãã¾ãã
IDBObjectStore.openKeyCursor()
IDBRequest
ãªãã¸ã§ã¯ããè¿ããå¥ã®ã¹ã¬ããã§æ°ãã IDBCursor
ãè¿ãã¾ããããã¯ãã¼ã§ãªãã¸ã§ã¯ãã¹ãã¢ãèµ°æ»ããã®ã«ç¨ãã¾ãã
IDBObjectStore.put()
IDBRequest
ãªãã¸ã§ã¯ããè¿ããå¥ã®ã¹ã¬ããã§ value
ã®æ§é åè¤è£½ã使ããè¤è£½ããå¤ããªãã¸ã§ã¯ãã¹ãã¢ã«ä¿åãã¾ããããã¯ãã©ã³ã¶ã¯ã·ã§ã³ã®ã¢ã¼ãã readwrite
ã®ã¨ãã«æ¢åã®ã¬ã³ã¼ããæ´æ°ããæä½ã§ãã
ãã®ä¾ã§ã¯ãonupgradeneeded
颿°å
ã§ã® IDBObjectStore.createIndex
ãç¨ãããã¼ã¿æ§é ã®æ´æ°ãããIDBObjectStore.add
ã«ãããªãã¸ã§ã¯ãã¹ãã¢ã¸ã®ã¢ã¤ãã ã®è¿½å ã¾ã§ããªãã¸ã§ã¯ãã¹ãã¢ã®æ§ã
ãªä½¿ç¨æ³ãç´¹ä»ãã¾ããåãä¾å
¨ä½ã¯ãTo-do Notifications ã¢ããªã±ã¼ã·ã§ã³ãåç
§ãã¦ãã ããã(åãä¾ãè¦ã)
// æã
ã®ãã¼ã¿ãã¼ã¹ãéãã¾ããã
const DBOpenRequest = window.indexedDB.open("toDoList", 4);
DBOpenRequest.onsuccess = (event) => {
note.innerHTML += "<li>ãã¼ã¿ãã¼ã¹ãåæåãã¾ããã</li>";
// ãã¼ã¿ãã¼ã¹ãéããçµæã db ã«æ ¼ç´ãã¾ã
db = DBOpenRequest.result;
};
// ãã®ã¤ãã³ãã¯ããã¼ã¿ãã¼ã¹ãã¾ã 使ããã¦ããªããã
// ä¸ã® window.indexedDB.open ã®è¡ã§æ°ãããã¼ã¸ã§ã³çªå·ã
// æå®ããããã§ãæ°ãããã¼ã¸ã§ã³ã®ãã¼ã¿ãã¼ã¹ã使ãã
// å¿
è¦ãããå ´åãå¦çãã¾ã
DBOpenRequest.onupgradeneeded = (event) => {
const db = event.target.result;
db.onerror = (event) => {
note.innerHTML +=
"<li>ãã¼ã¿ãã¼ã¹ã®èªã¿è¾¼ã¿ä¸ã«ã¨ã©ã¼ãçºçãã¾ããã</li>";
};
// ãã®ãã¼ã¿ãã¼ã¹ç¨ã® objectStore ãä½ãã¾ã
const objectStore = db.createObjectStore("toDoList", {
keyPath: "taskTitle",
});
// objectStore ã«æ ¼ç´ãããã¼ã¿ã¢ã¤ãã ãå®ç¾©ãã¾ã
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 newItem = [
{
taskTitle: "Walk dog",
hours: 19,
minutes: 30,
day: 24,
month: "December",
year: 2013,
notified: "no",
},
];
// èªã¿æ¸ãç¨ã®ãã©ã³ã¶ã¯ã·ã§ã³ãéãããã¼ã¿ã追å ããæºåããã¾ã
const transaction = db.transaction(["toDoList"], "readwrite");
// å
¨ã¦å®äºããæããã©ã³ã¶ã¯ã·ã§ã³ã®æ£å¸¸çµäºãå ±åãã¾ã
transaction.oncomplete = (event) => {
note.innerHTML += "<li>ãã©ã³ã¶ã¯ã·ã§ã³ãå®äºãã¾ããã</li>";
};
transaction.onerror = (event) => {
note.innerHTML +=
"<li>ãã©ã³ã¶ã¯ã·ã§ã³ã¯ã¨ã©ã¼ã®ããéãã¾ããã§ãããã¢ã¤ãã ã®éè¤ã¯è¨±å¯ããã¦ãã¾ããã</li>";
};
// ãã©ã³ã¶ã¯ã·ã§ã³ã§ãªãã¸ã§ã¯ãã¹ãã¢ã使ãã¾ã
const objectStore = transaction.objectStore("toDoList");
// ãªãã¸ã§ã¯ãã¹ãã¢ã« newItem ãªãã¸ã§ã¯ãã追å ããè¦æ±ããã¾ã
const objectStoreRequest = objectStore.add(newItem[0]);
objectStoreRequest.onsuccess = (event) => {
note.innerHTML += "<li>è¦æ±ã¯æåãã¾ããã</li>";
};
仿§æ¸ ãã©ã¦ã¶ã¼ã®äºææ§ é¢é£æ
å ±
IDBDatabase
IDBTransaction
IDBKeyRange
IDBObjectStore
IDBCursor
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4