{"id":3757,"date":"2023-12-13T17:21:17","date_gmt":"2023-12-13T08:21:17","guid":{"rendered":"https:\/\/taitan916.info\/blog\/?p=3757"},"modified":"2024-03-13T23:06:11","modified_gmt":"2024-03-13T14:06:11","slug":"post-3757","status":"publish","type":"post","link":"https:\/\/taitan916.info\/blog\/archives\/3757","title":{"rendered":"Dexie.js\u3092\u5229\u7528\u3057\u3066IndexedDB\u3092\u53d6\u308a\u6271\u3046\u65b9\u6cd5"},"content":{"rendered":"<p>IndexedDB\u3092\u7528\u3044\u3066\u8272\u3005\u3059\u308b\u3068\u3044\u3046\u6848\u4ef6\u3092\u898b\u304b\u3051\u305f\u304c\u3001\u305d\u3082\u305d\u3082IndexedDB\u304c\u4f55\u306a\u306e\u304b\u77e5\u3089\u306a\u304b\u3063\u305f\u3002\u8abf\u3079\u305f\u3068\u3053\u308d<a href=\"https:\/\/taitan916.info\/blog\/archives\/82\" target=\"_blank\" rel=\"noopener\">\u3060\u3044\u3076\u524d\u306b\u66f8\u3044\u305f\u3088\u3046\u306a<\/a>Web\u30d6\u30e9\u30a6\u30b6\u5074\u306e\u30c7\u30fc\u30bf\u30d9\u30fc\u30b9\u6280\u8853\u3063\u307d\u3044\u3002IndexedDB\u3092\u305d\u306e\u307e\u307e\u66f8\u3053\u3046\u3068\u3059\u308b\u3068\u7d50\u69cb\u9762\u5012\u81ed\u305d\u3046\u3060\u3063\u305f\u306e\u3067IndexedDB\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u3042\u308bDexie.js\u3092\u5229\u7528\u3057\u3066IndexedDB\u3092\u53d6\u308a\u6271\u3046\u65b9\u6cd5\u306e\u30e1\u30e2\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2>IndexedDB\u306b\u3064\u3044\u3066<\/h2>\n<h3>\u30ea\u30d5\u30a1\u30ec\u30f3\u30b9<\/h3>\n<p><a href=\"https:\/\/developer.mozilla.org\/ja\/docs\/Web\/API\/IndexedDB_API\" target=\"_blank\" rel=\"noopener\">https:\/\/developer.mozilla.org\/ja\/docs\/Web\/API\/IndexedDB_API<\/a><\/p>\n<h3>Cookie\u3084LocalStorage\u3068\u306e\u9055\u3044<\/h3>\n<p>\u3056\u3063\u304f\u308a\u3068\u3057\u305f\u9055\u3044\u306f\u30c7\u30fc\u30bf\u4fdd\u5b58\u5bb9\u91cf\u304cCookie\u3084LocalStorage\u3088\u308a\u591a\u304f\u3001\u30c8\u30e9\u30f3\u30b6\u30af\u30b7\u30e7\u30f3\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u305f\u308a\u8907\u96d1\u306a\u30c7\u30fc\u30bf\u578b\u3092\u53d6\u308a\u6271\u308b\u3068\u306e\u3053\u3068\u3002<a href=\"https:\/\/zenn.dev\/tm35\/articles\/584ece2d771a4b\" target=\"_blank\" rel=\"noopener\">\u3053\u3061\u3089\u306e\u30da\u30fc\u30b8<\/a>\u304c\u5206\u304b\u308a\u3084\u3059\u304b\u3063\u305f\u3002<\/p>\n<p>&nbsp;<\/p>\n<h2>Dexie.js\u306b\u3064\u3044\u3066<\/h2>\n<h3>\u516c\u5f0f\u30b5\u30a4\u30c8<\/h3>\n<p><a href=\"https:\/\/dexie.org\/\" target=\"_blank\" rel=\"noopener\">https:\/\/dexie.org\/<\/a><\/p>\n<h3>CDN<\/h3>\n<p>\u4ee5\u4e0b\u3067\u5229\u7528\u53ef\u80fd\u3002JS\u30e9\u30a4\u30d6\u30e9\u30ea\u306e\u305f\u3081jQuery\u306f\u5fc5\u9808\u3067\u306f\u7121\u3044\u3002<\/p>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/dexie\/3.2.4\/dexie.min.js\"&gt;&lt;\/script&gt;<\/pre>\n<p>\u7570\u306a\u308b\u30d0\u30fc\u30b8\u30e7\u30f3\u3092\u4f7f\u3044\u305f\u3044\u5834\u5408\u306f\u4ee5\u4e0b\u304b\u3089\u63a2\u3059\u3002<\/p>\n<p><a href=\"https:\/\/cdnjs.com\/libraries\/dexie\" target=\"_blank\" rel=\"noopener\">https:\/\/cdnjs.com\/libraries\/dexie<\/a><\/p>\n<p>&nbsp;<\/p>\n<h2>\u30bd\u30fc\u30b9\u30b3\u30fc\u30c9<\/h2>\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\">&lt;script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/dexie\/3.2.4\/dexie.min.js\"&gt;&lt;\/script&gt;\r\n&lt;script&gt;\r\nconst db = new Dexie('test_user_db');\r\n\r\n\/\/user\u30c6\u30fc\u30d6\u30eb\u306e\u4f5c\u6210(id\u304c\u30aa\u30fc\u30c8\u30a4\u30f3\u30af\u30ea\u30e1\u30f3\u30c8\u304b\u3064\u30ad\u30fc\u306b\u306a\u308b)\r\ndb.version(1).stores({\r\n    users: `++id, name`,\r\n});\r\n\r\n\/\/\u30c7\u30fc\u30bf\u3092\u4e00\u4ef6\u8ffd\u52a0\r\ndb.users.put({\r\n    name: '\u9234\u6728', age: 20, \r\n}).catch((error)=&gt;{\r\n    console.error(error);\r\n});\r\n\r\n\/\/\u30c7\u30fc\u30bf\u3092\u307e\u3068\u3081\u3066\u8ffd\u52a0\r\ndb.users.bulkPut([\r\n    {name: '\u5ddd\u5cf6', age: 30}, \r\n    {name: '\u5c71\u7530', age: 40}, \r\n    {name: '\u4f50\u3005\u6728', age: 50}, \r\n]).catch((error)=&gt;{\r\n    console.error(error);\r\n});\r\n\r\n\/\/\u30c7\u30fc\u30bf\u3092\u66f4\u65b0(id:2\u3092\u66f4\u65b0)\r\ndb.users.update(2, {\r\n    age: 33,\r\n});\r\n\r\n\/\/\u30c7\u30fc\u30bf\u3092\u4e00\u4ef6\u524a\u9664(id:3\u3092\u524a\u9664)\r\ndb.users.delete(3);\r\n\r\n\/\/\u30c7\u30fc\u30bf\u3092\u5168\u4ef6\u524a\u9664\r\ndb.users.clear();\r\n\r\n\/\/\u30c7\u30fc\u30bf\u3092\u4e00\u4ef6\u53d6\u5f97(id\u6307\u5b9a)\r\ndb.users.get(2).then((users)=&gt;{\r\n    console.log(users);\r\n}).catch((error)=&gt;{\r\n    console.error(error);\r\n});\r\n\r\n\/\/\u30c7\u30fc\u30bf\u3092\u5168\u4ef6\u53d6\u5f97\r\ndb.users.toArray().then(function (users) {\r\n    console.log(users);\r\n});\r\n&lt;\/script&gt;<\/pre>\n<p>&nbsp;<\/p>\n<h2>\u53c2\u8003\u30b5\u30a4\u30c8<\/h2>\n<p><a href=\"https:\/\/blog.katsubemakito.net\/html5\/indexeddb1\" target=\"_blank\" rel=\"noopener\">https:\/\/blog.katsubemakito.net\/html5\/indexeddb1<\/a><\/p>\n<p><a href=\"https:\/\/qiita.com\/_linkin\/items\/8d68c8bd3cec33708e7a\" target=\"_blank\" rel=\"noopener\">https:\/\/qiita.com\/_linkin\/items\/8d68c8bd3cec33708e7a<\/a><\/p>\n<p><a href=\"https:\/\/monaledge.com\/article\/442\" target=\"_blank\" rel=\"noopener\">https:\/\/monaledge.com\/article\/442<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>IndexedDB\u3092\u7528\u3044\u3066\u8272\u3005\u3059\u308b\u3068\u3044\u3046\u6848\u4ef6\u3092\u898b\u304b\u3051\u305f\u304c\u3001\u305d\u3082\u305d\u3082Indexed ... <\/p>\n","protected":false},"author":1,"featured_media":1067,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[4],"tags":[100],"class_list":["post-3757","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-library"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/3757","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/comments?post=3757"}],"version-history":[{"count":1,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/3757\/revisions"}],"predecessor-version":[{"id":5463,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/posts\/3757\/revisions\/5463"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media\/1067"}],"wp:attachment":[{"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/media?parent=3757"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/categories?post=3757"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taitan916.info\/blog\/wp-json\/wp\/v2\/tags?post=3757"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}