「HTML5の登場で、新しく何ができるようになったのか？」

静的コンテンツ

リッチコンテンツ

？？？

HTML

ＰＣ スマートデバイス

Flash HTML5 + JS

HTML5 + JS

HTML+JS

デバイスとコンテンツの種類による技術の使い分け

構造に意味を持たせるSEMANTICS

オフライン機能とストレージOFFLINE & STORAGE

DEVICE ACCESS

デバイスが持つインターフェイスやデータにアクセスCONNECTIVITY

クライアントとサーバ間での接続性の改善MULTIMEDIA

動画、音声の再生

3D, GRAPHICS & EFFECTS

リッチなビジュアル表現PERFORMANCE & INTEGRATION

パフォーマンスの向上

CSS3

CSSでの表現力を向上 Flashでもできた事

Flashにはできない事

HTML5で追加された機能

オフラインとストレージ

• Application Cache• Web Storage• Indexed Database API• File API

OFFLINE & STORAGE

・オフライン機能・ローカルへのデータ保存

静的コンテンツ

リッチコンテンツ

オフライン機能とストレージ

HTML

ＰＣ スマートデバイス

Flash HTML5 + JS

HTML5 + JS

HTML+JS

デバイスとコンテンツの種類による技術の使い分け

Flashでもできたが、スマートデバイスでできると革新的になる機能

・リアルタイム通信・デバイス情報の取得（位置情報、加速度センサーなど）・リッチな表現

・オフライン機能・ローカルへのデータ保存・スマートデバイスにおけるリアルタイム通信・スマートデバイスにおけるデバイス情報の取得・スマートデバイスにおけるリッチな表現

まとめると

例えば、どんなものが作れるのか？

その5つの機能を使うと

渋谷スクランブル交差点のヴィジョンを使って100人で「Wii」のようなゲームを同時プレイ

・オフライン機能・ローカルへのデータ保存・スマートデバイスにおけるリアルタイム通信・スマートデバイスにおけるデバイス情報の取得・スマートデバイスにおけるリッチな表現

「アクセス」ページをカーナビにする

・オフライン機能・ローカルへのデータ保存・スマートデバイスにおけるリアルタイム通信・スマートデバイスにおけるデバイス情報の取得・スマートデバイスにおけるリッチな表現

インストール不要のスマホアプリ

・オフライン機能・ローカルへのデータ保存・スマートデバイスにおけるリアルタイム通信・スマートデバイスにおけるデバイス情報の取得・スマートデバイスにおけるリッチな表現

アプリ

・低コスト・クロスプラットフォーム・導線の短さ・インストールに対するハードルの低さ・アプリストアの制約を受けない・更新性が高い

しかもネイティブアプリと比べて利点もある。

ゲーム系コンテンツ

オフラインでもプレイ可能。全国ランキングを見たいときだけオンラインに接続。

営業ツール（見積計算機、商品カタログなど）

電波のないところでも営業可能。電波のあるときには簡単に最新版にアップデート。

例えば…

・オフライン機能・ローカルへのデータ保存・スマートデバイスにおけるリアルタイム通信・スマートデバイスにおけるデバイス情報の取得・スマートデバイスにおけるリッチな表現

「HTML5の登場で、新しく何ができるようになったのか？」

まとめ

ご清聴ありがとうございました。