LocalStorage はKey-Valueペアでデータを保持します。非常にシンプルなAPIで構成されており、その処理は同期処理として動作します。したがって実装も簡単ですが、大規模にデータを扱うのは向いていません。それに、同期処理の為レンダリングをブロックするなどの問題もあります。 Web SQL Databaseですが、注意点として、すでに標準化に向けた動きは終了しており、今後標準化されすべてのブラウザで動くようになることはありません。また今動いているブラウザでも今後サポートされなくなる可能性があります。そこで代替案として提案されているのが Indexed DB です。 Indexed Database とは 基本的な概念 – Web API インターフェイス | MDN Indexed Database は、データをブラウザ上に保存するための仕組みで、Key-Valueのペアとしてデ
データベースのアップグレード IndexedDBがわかりにくい理由の一つに、データベーススキーマの「アップグレード」処理をプログラム中に書かなければならない点が挙げられます。IndexedDBはJavaScriptオブジェクトを読み書きすることができ、「NoSQL」を標榜しているDBのほとんどがそうであるように、静的なスキーマを必要としません。スキーマを持たないのに、なぜ「スキーマのアップグレード」という処理が必要なのでしょうか？ IndexedDBにおけるJavaScriptオブジェクトの「入れ物」は「オブジェクトストア」と呼ばれ、RDBで言うところの「テーブル」に近い概念です。1つのオブジェクトストアには、どんな種類のJavaScriptオブジェクトでも格納するができますが、多くの場合は「構造がほぼ同一の」オブジェクトを読み書きすることになります。それらのオブジェクトを識別するための値
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform Windows 365 開発者
While the library is still under development, I want to take some time to explain how you can use this framework, and show how easy it gets to work with the Indexed DB. As mentioned before, the library is based on the on the Promises context. This way we can easily handle all the async callbacks on which the Indexed DB API is based, and provide a uniform object to the developer for handling the re
This page is part of the documentation for the Chrome Apps platform, which was deprecated in 2020. Chrome Apps in Kiosk Mode used by Enterprise and Education customers will no longer be supported after April 2027, marking their end of life. Additionally, all remaining Chrome Apps used in managed environments by Enterprise and Education organizations will reach their end of life in October 2028. Le
原文: Storing images and files in IndexedDB (on February 23, 2012 by Robert Nyman) 以前、私たちは localStrage に画像とファイルを保存 する方法について書きましたが、それは、今日でも利用できる実用的な方法でした。しかし、この方法には localStrage と密接に関わるパフォーマンスの問題 (このブログの後半で扱います) がいくつもあるため、IndexedDB を活用することが将来のアプローチ方法として望まれます。ここでは、IndexedDB に画像とファイルを格納し、ObjectURL を通して提供する方法をお教えします。 一般的なアプローチ はじめに、手順について話しましょう。IndexedDB データベースを作成し、ファイルをそのデータベースに保存し、そのデータをページに読み出して提供します:
元ネタは、HTML5ｊ のメーリングリストからです。 広告ブロックしたFirefoxでは閲覧できないのですが、 *** IndexedDBに対してLINQを使うライブラリ http://css.dzone.com/articles/using-linq-indexed-db LINQ 形式ってのは、ググれば見つかりますが、「メソッドチェーンを使って簡単にデータベースアクセスを実現する書き方」といえば、わかりやすいかな。 // inserting data, key is optional db.linq.from("objectstore").insert({}, key); // updating data, key is optional db.linq.from("objectstore").update({}, key); // removing data db.linq.from
idb.filesystem.jsはIndexedDBを使ったWebベースのファイルマネージャです。 Webブラウザ上でまるでファイルシステムのようにファイルやフォルダを階層管理できるのがidb.filesystem.jsです。HTML5のFilesytem APIを使い、データの保存にはIndexedDBを用いています。 デモです。下の方がファイル管理部分になっています。 ファイルをアップロードしました。ウィンドウにドロップするだけです。 画像であればクリックで内容を閲覧できます。 フォルダにも対応しています。 こちらはさらにアイコン表示に対応したモデルです。 ドロップしようとするとウィンドウ全体がハイライト表示されます。 ファイルごとにダウンロードや内容閲覧、削除といったアイコンが表示されます。 ファイルの閲覧している際の表示です。 リスト表示にもできます。 リネームに対応しています。
Indexed Database API 3.0 W3C Working Draft, 7 November 2024 More details about this document This version: https://www.w3.org/TR/2024/WD-IndexedDB-3-20241107/ Latest published version: https://www.w3.org/TR/IndexedDB/ Editor's Draft: https://w3c.github.io/IndexedDB/ Previous Versions: https://www.w3.org/TR/2024/WD-IndexedDB-3-20241015/ https://www.w3.org/TR/2024/WD-IndexedDB-3-20241015/ History: h
厳密に言うと違う部分もありますが、こんなイメージだとざっくりと理解しておいてください。 DBへの接続 ではここから実際のコードを使って説明していきます。 まず、2011年4月のWDの仕様(以前の仕様)でDBへ接続するには次のように書きます。 //Chrome16, Chrome18(canary), Firefox 8 で動作します var dbName = 'mzsmTest'; //データベース名 var idb; var dbConnect = indexedDB.open(dbName); console.log(dbConnect); //-> {IDBRequest} dbConnect. idb = e.target.result; //IDBDatabaseオブジェクト console.log('DB接続完了'); }; db
※プログラムリストが表示されない場合 AddBlockなどの広告ブロックツールがONになっていると、プログラムリスト等が表示されない場合があります。これらのツールをOFFにしてみてください。 ●プログラム・リスト● <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Sample</title> <style> h1 {font-size: 14pt; font-weight:bold; background-color:#DDF; padding:3px; }
とはいえ、今は非公開です。 IDBを使う上で気をつけなければならない点として、一部のメソッドが setVersion().onsuccess なコールバックでしか利用できなくなったこと。 次の３つがそう。 * db.createObjectStore() * db.removeObjectStore() * store.createIndex() ストアの取得法は前回エントリに示したとおり。 var st = db.transaction( db.objectStoreNames, openStoreMode ).objectStore( storename ); openStoreMode については、４つ定数が用意されてる。 * IDBTRansaction.READ_WRITE(0) * IDBTRansaction.READ_ONLY(1:default) * IDBTRansac
IndexedDB は、ファイルや blob を含む大量の構造化データをクライアント側で保存するための低レベル API です。この API はインデックスを使用して、高パフォーマンスなデータの検索を行うことができます。ウェブストレージは比較的少量のデータを保存するのに有用ではありますが、構造化された非常に多くのデータを扱うには不十分です。IndexedDB が解決策を提供します。ここでは、完全な API リファレンスと使用ガイド、ブラウザーの対応の詳細、および重要な概念の説明へのリンクを提供します。 メモ: IndexedDB API は強力ですが、シンプルな用途にはとても複雑に見えるかもしれません。シンプルな API が好ましいのであれば、関連情報の節にある IndexedDB をプログラマーにとって扱いやすくするライブラリーを試してみてください。 IndexedDB は SQL ベース
IndexedDBを試してみました。今日はその話。 IndexedDBは、いわゆるNoSQL DB。RDBMSと異なり、スキーマレスで手軽に扱うことが可能なDBです。W3CのWorking Draftは、 http://www.w3.org/TR/2010/WD-IndexedDB-20100105/ で公開されています。今回試したのは、chromiumとFireFox4β8。IE9でも追加パッケージ HTML5Labs を使えば、利用可能なようですが、僕はまだ試していません。 IndexedDBの嬉しい点 IndexedDBはWeb SQL Databaseと異なり、任意のオブジェクトをスキーマを定義せずに操作可能です。Webアプリでスキーマの変更が発生するのは、結構やっかいな問題です。頻繁にカラムの追加や削除などをしてしまうと、各ユーザのブラウザ上のテーブル構造が全く異なる結果になりが
連載目次 従来のWebアプリケーションでのデータ保存には、MySQL／Oracle／SQL Serverなど各データベース製品を利用してサーバサイドでデータをやりとりするのが一般的であった（ActiveXを利用すればJavaScriptコードからデータベース製品を利用することも可能）。 重要なデータを保存する場合には、今後もこの流れは変わることはない。ただ、個人で利用するだけのデータや、インターネットに接続できないオフライン環境でのアプリケーション利用時であればどうだろう。このようなケースでは、（クライアント環境で）ブラウザごとにデータを保存できる仕組みがあれば、非常に有効だ。 そこで登場するのが、今回紹介する「Indexed Database API」（以下、IndexedDB）だ。IndexedDBは、JavaScriptを使用してデータを管理できるキー／バリュー型の簡易データベースで
jdb.jsというフレームワークを作りました。まだ開発に2日もかけてない（ドキュメント書くほうが大変だった(^^; ）ので、荒っぽいところも、機能が不足しているところもありますが、試しに実装してみたらかなり便利なものができたと思っているので、フライング気味に公開します。Indexed Database APIの使いにくさを知っている人なら、結構興味を持っていただけるんじゃないかと。 GitHubのリポジトリはこちらです。 以下、README_ja.mdから引用します。 jdb.jsは、W3C Indexed Database APIをより直感的に扱いやすくすることを目指したライブラリです。 名前の由来は、「IDB」(Indexed DB)をより使いやすく、ということで「JDB」(Jはアルファベット順でIの次の文字です）としました。 Indexed Database APIをそのまま利用する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く