陽Tweet前回でお伝えしたように、シリコンバレーでは特に昨年あたりから「オープンなWebの技術でスマートフォン向けアプリを開発」という動きが強くなってきています。オープンなWebの技術を語るときに欠かせない存在のひとつとしてHTML5が挙げられます。今回はスマートフォン向けアプリケーション開発の観点からHTML5をおさらいしてみましょう。HTML5の8つの特徴的な技術HTML5には「セマンティックス」「オフライン&ストレージ」「デバイスアクセス」「コネクティビティ」「マルチメディア」「3D、グラフィックス、エフェクト」「パフォーマンス&インテグレーション」「CSS3」という8つの特徴的な技術があり、各技術を表すロゴも決められています。図1:HTML5ロゴに関するW3CのWebサイト以下では特に、これら8つの技術を使うとスマートフォン向けWebブラウザで何ができるのかについて、簡単に振り返ってみたいと思います。1)セマンティックスHTML5ではこれまでと同じくタグを使ってWebページを組むことができますが、文書構造を明確に定義するための新たなタグが追加されています。いったタグを使うことで、Webブラウザや検索エンジンに対してより明確にそのページの文書構造を伝えることができるようになります。HTML5のタグについては多くのサイトや書籍で詳しく解説されていますのでご確認いただければと思います。表1:HTML5のタグを利用したページ記述方法の例これまでの記述方法HTML5タグを利用した記述方法2)オフライン&ストレージWebサイトでユーザーのデータを保存する方法としては、これまではサーバ側に保存する仕組みを設けるか、クッキーを使うしかありませんでした。ブラウザ内にデータベースを持つことができるようになっており、これまでのクッキーによるデータ保持方法に比べ大幅に機能強化されています。OSでの利用を前提とし、以下2つの方法についてご紹介したいと思います。Storageは、キーと値のペアで使えるシンプルで非常に便利なオフラインストレージの方法で、ブラウザを終了するとデータが消える「セッションストレージ」と、ブラウザが終了してもデータが残る「ローカルストレージ」の2種類があります。Storageを使うことで必要なストレージ機能の多くはカバーできると思われますが、構造化されていなかったり、データベーストランザクションの概念がない、という側面もあります。Databaseは端的に言うと「ブラウザに搭載されるSQLデータベース」です。実装部分はSQLiteが基になっており、従来のデータベースの特長そのものを受け継いでいるため、リレーショナル構造やトランザクションもサポートされています。経て現在マーケティングチームに所属。2009年2月にリリースした音楽系iPhoneアプリがランキング2位に。現在は沖縄と東京、シリコンバレーを行き来しながら新ネタを日々妄想中。Weekly」の配信サービスを提供しています。メルマガ会員登録を済ませれば、メルマガだけでなく、さまざまな限定特典を入手できるようになります。ITがお届けするポッドキャストです。