HTML5、JavaScript、Android を勉強しよう HTML5 API web Databaseのサンプル(web Storageとの違い)
Web Storageの記事と同様に、HTML5のサンプル集とマイコミジャーナルのHTML5 API記事を参考に勉強してみました。 今回も、Jqueryを用いるので、導入されてない方は、JavaScriptの記事を参考に、導入してください。 JavaScript の基礎、 Jqueryとは、Jqueryの基礎 その1 JavaScript の基礎、 Jqueryとは、Jqueryの基礎 その2 JavaScript の基礎、 Jqueryとは、Jqueryの基礎 その3 WebStorageとWebDatabaseの違いは、リレーショナルデータベースを利用できること(SQLを利用できること)です。 対応ブラウザは、Safari。 今回のサンプルも、基本的に参考サイトのサンプルと同じですが、以下を追加(変更)しました。 ※サンプルはSafariで実行してください。 ・web Storageの
HTML5のWeb SQL DatabaseをGoogle Chromeで試す - にたまごほうれん草アーカイブ
W3C - Offline Web Applications 日本語訳 - HTML5.JPによるとJavaScriptからローカルDBを扱えるとのことなので、サンプルコードを拝借しながら試してみた。Google Chromeでは既にHTML5の新機能の実装は入ってきているようで、簡単なノートアプリを作成したらさっくりと動いてしまいました。 こちらで試せます→testdatabase.html コード <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>web database test</title> <script type="text/javascript"> var db = window.openDatabase("notes","","notes app", 1048576); function clearNo
HTML5の新機能Web Databaseを試してみた。 - XOOPS専門-株式会社RYUS
hamacoです。 今日HTML5の新機能であるWeb Databaseを仕事で使えないかなーと調べてみたので、 簡単に使い方をコードで紹介したいと思います。 <script> var db = openDatabase("sample", "1.0", "Sample database", 1024 * 1024); function createTable() { db.transaction(function(tx) { tx.executeSql( "CREATE TABLE IF NOT EXISTS users( id INTEGER PRIMARY KEY AUTOINCREMENT, name VARCHAR(64) NOT NULL);", null, insertData, function() { alert("CREATE 失敗"); } ); }); } func
【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (8) Web Storage | エンタープライズ | マイコミジャーナル
Web Storage/Web Databaseとは、クライアントサイドにデータを永続化するための仕組みで、オフラインWebアプリケーションを作成する上で非常に重要なテクノロジーだ。Web Storageはキー/バリュー型の単純なストレージ、Web Databaseは本格的なリレーショナルデータベースでありSQLを用いてストレージ操作を行うことができる。 Web Storageで取り扱うことのできる、キー/バリュー型のストレージには、以下の2種類がある。 sessionStorage … ウィンドウごと(セッションごと)に異なるストレージとなる。ウィンドウが閉じられると、データも消失する localStorage … オリジン(プロトコル + ドメイン + ポート)ごとに異なるストレージとなる。複数のウィンドウをまたいでストレージは共通。ウィンドウが閉じられてもデータは消失しない これ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Chrome 4がHTML 5 Web SQL Database APIをサポート
