ローカルDBを利用したアドレス帳 ここでは、ごく簡単なアドレス帳をローカルDBを用いて作成してみる。外観は図1のようにし、名前とアドレスを記入して[追加]ボタンを押すとローカルDBに入力されたデータを登録する。なおFirefox 3ではローカルDBがサポートされていないため、今回はSafari 4.0を使用した。 まず外観のHTMLと初期化部分のJavaScriptはリスト1のようになる。最初にローカルDBがサポートされているかを調べ、サポートされている場合にはwondow.openDatabase()を実行する。 リスト1 ページが読込まれる際にDatabaseオブジェクトを取得 ローカルデータベースの使用例 名前: アドレス: 名前アドレス Databaseオブジェクトが取得できたら、SQLを実行してデータベースからアドレスのデータを取り出し、アドレス表を作成する。データはAddres
![HTML 5のローカルデータベース機能を利用してアドレス帳を作成する - builder by ZDNet Japan](https://cdn-ak-scissors.b.st-hatena.com/image/square/1604bafdc82a2ab65c0fa1311a6d2cccdfc2406e/height=288;version=1;width=512/https%3A%2F%2Fbuilder.japan.zdnet.com%2Fstorage%2F2011%2F01%2F24%2Faa7220e019a402ec0128207865c6d867%2Fstory_media%2F20361500%2F071120-firefox-3_184x138.jpg)