Web SQL Databaseは、WebブラウザのJavaScriptからアクセスできるSQLデータベースの仕様。データはクライアントに保存される。2010年9月現在、Safari(iPhone含む)で実装されている。その他のブラウザではあまり積極的ではない

2010年11月18日にW3CのWeb Applications Working GroupはWeb SQL Database仕様策定の中止を決定しました。この仕様は黒歴史となったので忘れましょう。

Safari 3.2以降で使用可能

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);
     });
   });
}

Safariでは開発メニューで現在のページで使用しているローカルDBのテーブルやデータを確認できる。

• SQLインターフェースのサンプル (Safari 3.2以降のみ)