html:webdatabase

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- html:webdatabase [2010/12/04 11:37] – 作成 - 外部編集 127.0.0.1
+++ html:webdatabase [2025/10/08 01:03] (現在) – 削除 nullpon
@@ 行 1: / 行 1: @@
-====== Web SQL Database API　======
-[[http://www.w3.org/TR/webdatabase/|Web SQL Database]]は、WebブラウザのJavaScriptからアクセスできるSQLデータベースの仕様。データはクライアントに保存される。2010年9月現在、Safari(iPhone含む)で実装されている。その他のブラウザではあまり積極的ではない
-年11月18日にW3CのWeb Applications Working GroupはWeb SQL Database仕様策定の中止を決定しました。この仕様は黒歴史となったので忘れましょう。
-===== 使い方 =====
-Safari 3.2以降で使用可能
-<code javascript>
-function getDatabase() {
-  return window.openDatabase("test", "1.0", "test database", 10240);
-}
-function init() {
-  var db = getDatabase();
-  var table = getListTable();
-  db.transaction( function(tx){
-    tx.executeSql("CREATE TABLE IF NOT EXISTS items (id INTEGER PRIMARY KEY, name STRING, value STRING)" , []);
-    tx.executeSql("SELECT id, name, value FROM items", [], function(tx, rs){
-      for (var i = 0; i < rs.rows.length; i++) {
-        var row = rs.rows.item(i);
-        table.add(row.id, row.name, row.value);
-      }
-    });
-  });
-}
-function save(name, value) {
-   var table = getListTable();
-   var db = getDatabase();
-   db.transaction(function(tx){
-     tx.executeSql("INSERT INTO items (name, value) VALUES (?,?)", [name, value]);
-     tx.executeSql("SELECT last_insert_rowid() AS lastId FROM items", [], function(tx, rs) {
-     	table.add(rs.rows.item(0).lastId, name, value);
-     });
-   });
-}
-</code>
-Safariでは開発メニューで現在のページで使用しているローカルDBのテーブルやデータを確認できる。
-  * [[http://paulownia.jp/sample/html5/storage/db.html|SQLインターフェースのサンプル (Safari 3.2以降のみ)]]

html/webdatabase.1291462628.txt.gz · 最終更新: 2010/12/04 11:37 by 127.0.0.1