HTML5 Experts.jp

HTML5が引き寄せる近未来を、9つの「○○ウェブ」で理解する。(前編) - (page 3)

白石俊平(オープンウェブ・テクノロジー代表)

2013-08-13 17:08

オフラインウェブ

 HTML5では、オフラインでもウェブアプリを利用可能にするためのさまざまな機能が備わっています。「アプリケーションキャッシュ」という機能を利用すると、「ウェブアプリが必要とするリソースを全てローカルにキャッシュし、オフライン時でもそのキャッシュを利用する」という方法により、オフライン状態でもウェブアプリを利用可能にすることができます。

 また、オフライン時にユーザーが行った操作(データの追加、更新、削除など)を保存しておく仕組みとして、昨今のブラウザは各種のストレージを備えています。Web StorageIndexed Database APIと言ったストレージに対してデータの読み書きを行い、オンライン時にそれらのデータをクラウドと同期することで、「オフラインでも読み書きを行える」ウェブアプリを作ることができます。

 オフラインウェブアプリケーションの最も素晴らしい例は、Google Driveです。Google Drive上で作成したドキュメントやスプレッドシート、プレゼンテーションは、オフライン状態であっても表示が可能です(ドキュメントとプレゼンテーションについては、オフライン時の編集にも対応)。ウェブ版Google Driveのオフライン利用を行うには、Google Chromeの利用が必須、かつオフラインアクセスの有効化が必要ですが、非常に便利なので有効にする価値があります。


Google Slidesはオフラインでも利用可能

ハイパフォーマンスウェブ

 「ハイパフォーマンスウェブ」という用語は、私が適当に作りました。HTML5に端を発した、ウェブを進化させようとする一連の取り組みの中で、ウェブのパフォーマンスを向上するために、さまざまな取り組みが行われているのです。

 例えば、ウェブアプリのパフォーマンスを計測するためのさまざまなJavaScript APIが、すでにさまざまなブラウザで利用可能です。また、ウェブアプリでマルチスレッドプログラミングを可能にする Web Workersという仕様も存在します。

 また、ウェブの通信プロトコル(HTTP)の欠点を補ってウェブ全体を高速化しようとする試みも行われており、Googleが提唱するSPDYという通信プロトコルや、SPDYをベースにして仕様策定が始まった HTTP2.0なども、活発に開発が行われています。

 ウェブアプリのパフォーマンスを計測する様々なAPIをうまく利用した例としては、「Web担当者Forum版 ページ速度分析ツール」を挙げることができます。 ブックマークレットとして利用することで、あらゆるページの読み込みにかかった時間を計測することができ、わかりやすく可視化してくれます。


Web担当者Forum版 ページ速度分析ツール

 ウェブを高速化する通信プロトコルとして注目されているSPDYでは、エキスパートNo.2の小松さんが以前作ったデモがシンプルでわかりやすい。「画像を150個ダウンロードする」というタスクを、HTTPSPDYのそれぞれで実行し、実行にかかった時間を計測することができます。どちらのデモも全く同じですが、SPDY版はHTTPSで接続されています(Google App Engineは、HTTPSで接続すると自動的にSPDY接続となるのです)。


SPDY Test

 「HTML5が引き寄せる近未来を、9つの「○○ウェブ」で理解する。(後編)」に続きます。

 ※この記事はHTML5 Experts.jpHTML5が引き寄せる近未来を、9つの「○○ウェブ」で理解する。(前編)をZDNet Japan編集部が加筆、修正したものです。

画像
白石 俊平
HTML5 Experts.jp編集長
株式会社オープンウェブ・テクノロジー代表取締役として、Web標準技術に関するコンサルティングや開発に従事。 Web技術者向け情報メディア「HTML5 Experts.jp」初代編集長。日本最大(5000名超)のHTML5開発者コミュニティ「html5j」管理人。 その他HTML5とか勉強会主催、Web先端技術味見部 部長など、Web先端技術に関する情報発信とコミュニティ活動を継続的に行う。 Google社公認Developer Expert (HTML5)、Microsoft社公認Most Valuable Professional (IE) 。著書に「HTML5&API入門」 (2010, 日経BP)、「Google Gearsスタートガイド」(2007, 技術評論社)など。監訳に「実践jQuery Mobile」(2013, オライリー)など。

ZDNET Japan 記事を毎朝メールでまとめ読み(登録無料)

ホワイトペーパー

新着

ランキング

  1. セキュリティ

    セキュリティ担当者に贈る、従業員のリテラシーが測れる「情報セキュリティ理解度チェックテスト」

  2. クラウドコンピューティング

    生成 AI の真価を引き出すアプリケーション戦略--ユースケースから導くアプローチ

  3. セキュリティ

    サイバー攻撃の“大規模感染”、調査でみえた2024年の脅威動向と課題解決策

  4. セキュリティ

    IoTデバイスや重要インフラを標的としたサイバー攻撃が増加、2023年下半期グローバル脅威レポート

  5. セキュリティ

    従業員のセキュリティ教育の成功に役立つ「従業員教育ToDoリスト」10ステップ

ZDNET Japan クイックポール

所属する組織のデータ活用状況はどの段階にありますか?

NEWSLETTERS

エンタープライズコンピューティングの最前線を配信

ZDNET Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET Japanをご覧ください。

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]