IndexedDBを使ったWebベースのファイル管理·idb.filesystem.js MOONGIFT
idb.filesystem.jsはIndexedDBを使ったWebベースのファイルマネージャです。 Webブラウザ上でまるでファイルシステムのようにファイルやフォルダを階層管理できるのがidb.filesystem.jsです。HTML5のFilesytem APIを使い、データの保存にはIndexedDBを用いています。 デモです。下の方がファイル管理部分になっています。 ファイルをアップロードしました。ウィンドウにドロップするだけです。 画像であればクリックで内容を閲覧できます。 フォルダにも対応しています。 こちらはさらにアイコン表示に対応したモデルです。 ドロップしようとするとウィンドウ全体がハイライト表示されます。 ファイルごとにダウンロードや内容閲覧、削除といったアイコンが表示されます。 ファイルの閲覧している際の表示です。 リスト表示にもできます。 リネームに対応しています。
WebSimpleDB API (W3C Working Draft 29 September 2009)
Indexed Database API 3.0 W3C Working Draft, 13 August 2025 More details about this document This version: https://www.w3.org/TR/2025/WD-IndexedDB-3-20250813/ Latest published version: https://www.w3.org/TR/IndexedDB/ Editor's Draft: https://w3c.github.io/IndexedDB/ Previous Versions: https://www.w3.org/TR/2025/WD-IndexedDB-3-20250812/ https://www.w3.org/TR/2025/WD-IndexedDB-3-20250812/ History: ht
IndexedDBに関する覚書 (2011年12月版) – mzsm.me
厳密に言うと違う部分もありますが、こんなイメージだとざっくりと理解しておいてください。 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.onsuccess = function(e){ idb = e.target.result; //IDBDatabaseオブジェクト console.log('DB接続完了'); }; db
Indexed Database APIによるデータベース(7/7):JavaScriptによるHTML5プログラミング入門 - libro
※プログラムリストが表示されない場合 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; }
fx4b7: [indexedDB] JSInst.js 修正完了 : typeOf 'aki_mana'
とはいえ、今は非公開です。 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
![fx4b7: [indexedDB] JSInst.js 修正完了 : typeOf 'aki_mana'](https://cdn-ak-scissors.b.st-hatena.com/image/square/da78a05937633f7a2b4b2219826151c370cd607b/height=288;version=1;width=512/https%3A%2F%2Fparts.blog.livedoor.jp%2Fimg%2Fusr%2Fcmn%2Fogp_image%2Flivedoor.png)
IndexedDB API - Web API | MDN
IndexedDB は、ファイルや blob を含む大量の構造化データをクライアント側で保存するための低レベル API です。この API はインデックスを使用して、高パフォーマンスなデータの検索を行うことができます。ウェブストレージは比較的少量のデータを保存するのに有用ではありますが、構造化された非常に多くのデータを扱うには不十分です。IndexedDB が解決策を提供します。ここでは、完全な API リファレンスと使用ガイド、ブラウザーの対応の詳細、および重要な概念の説明へのリンクを提供します。 メモ: IndexedDB API は強力ですが、シンプルな用途にはとても複雑に見えるかもしれません。シンプルな API が好ましいのであれば、関連情報の節にある IndexedDB をプログラマーにとって扱いやすくするライブラリーを試してみてください。 IndexedDB は SQL ベース
こてさきAjax:indexedDB を触ってみた - livedoor Blog（ブログ）
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アプリもオフライン実行？ Indexed Databaseを使いこなそう － ＠IT
連載目次 従来のWebアプリケーションでのデータ保存には、MySQL／Oracle／SQL Serverなど各データベース製品を利用してサーバサイドでデータをやりとりするのが一般的であった（ActiveXを利用すればJavaScriptコードからデータベース製品を利用することも可能）。 重要なデータを保存する場合には、今後もこの流れは変わることはない。ただ、個人で利用するだけのデータや、インターネットに接続できないオフライン環境でのアプリケーション利用時であればどうだろう。このようなケースでは、（クライアント環境で）ブラウザごとにデータを保存できる仕組みがあれば、非常に有効だ。 そこで登場するのが、今回紹介する「Indexed Database API」（以下、IndexedDB）だ。IndexedDBは、JavaScriptを使用してデータを管理できるキー／バリュー型の簡易データベースで
Indexed Database API について
Indexed Database API（以下、indexedDB）について、これまで追いかけてきた情報をとりまとめたので公開します。 indexedDBは当初は仕様が固まっておらず、サンプルコードも当然のように動かなかったので（今も動きませんが…）、検証するにはかなりハードな状況でした。最近になってどうにか動くようになってきたので、@komasshu さんと色々やり取りしながら一通りの動作を確認しました。 現時点で利用できるブラウザは Chrome 9 以降 または Firefox 4 beta 8 以降となります。まだまだ仕様は動いていますので、検証の際は、なるべく最新の開発版を使うことをおすすめします。本エントリーでは、Chrome 9 beta 、Firefox 4 beta 8 にて検証します。また、資料は、2011年1月20日時点の W3C Editor's Draft を参照
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IndexedDB : silverlight3でgamesのブログ