HTML5がもたらすWeb の新展望について

技 術 動 向 レポート HTML5がもたらすWebの 新 展 望 について コンサルタント 情 報 通 信 研 究 部 井 上 敬 介 今 日 重 要 なインフラとなっているWebを 支 える 技 術 の1つに HTMLがある 現 在 この HTMLの 最 新 仕 様 であるHTML5の 策 定 が 進 められており 注 目 が 集 まっている 本 稿 では HTML5 の 誕 生 に 至 る 歴 史 新 機 能 と 特 徴 HTML5がWebにもたらすと 考 えられる 変 化 につ いて 整 理 した はじめに 世 界 を 繋 ぐネットワーク 網 として Webは もはや 我 々の 生 活 やビジネスにおいて 欠 かせな いものとなっている このWebを 支 える 重 要 な 技 術 の 一 つに HTML(Hypertext Markup Language)がある ブラウザからアクセスする ページは 全 てHTMLによって 記 述 されている 現 在 このHTMLの 最 新 の 仕 様 であるHTML5 の 策 定 が 進 められており 多 くのブラウザが 対 応 を 完 了 していることから 今 後 爆 発 的 な 普 及 が 見 込 まれる HTML5は Web の 可 能 性 をさ らに 拡 大 し Web を 媒 体 としたサービスの 利 用 者 と 提 供 者 双 方 に 大 きな 恩 恵 をもたらすもの と 考 えられる ここに HTML5の 誕 生 の 経 緯 と 今 後 の 展 望 を 紹 介 したい 1. HTML5 とはなにか HTML は Web ページを 記 述 するための 言 語 である 見 出 し リスト 表 画 像 などを 含 む 表 現 力 に 優 れたページを 平 易 な 文 法 で 記 述 する ことができ Web の 実 現 には 必 要 不 可 欠 なも のである HTMLの 仕 様 はW3C (1) で 管 理 され ており 最 新 のバージョンは1999 年 に 勧 告 さ れた4.01である そして 現 在 15 年 ぶりとな る2014 年 の 勧 告 を 目 指 して 準 備 が 進 められて いる 新 バージョンが HTML5である 前 回 の 勧 告 から 時 間 が 経 っていることもあり 大 幅 な 仕 様 変 更 となっている HTML5は これまでとは 異 なり HTMLの 仕 様 のみを 定 義 するものではなく それを 解 釈 す るブラウザの 挙 動 や ブラウザ 上 で 利 用 できる Javascript (2) のAPI (3) など 大 幅 に 広 い 範 囲 を カバーした 仕 様 となっている 実 際 HTML5 で 新 しく 導 入 された 仕 様 の 大 部 分 はHTMLの マークアップ (4) のみにより 実 現 されるもので はなく むしろJavascript の APIが 主 要 な 役 割 を 果 たすものが 多 い ブラウザの 挙 動 まで 仕 様 に 含 まれている 理 由 は HTML5 策 定 の 目 的 の 一 つが Webの 標 準 化 すなわち 利 用 するOSやブラウザに 依 らず 同 じ ように 利 用 できるWebを 実 現 することであり その 目 的 を 果 たすにはブラウザの 挙 動 も 含 め た 仕 様 の 標 準 化 が 必 要 であると 考 えられたた めである 標 準 化 はWebにおける 近 年 の 大 き な 潮 流 であり HTML5の 他 にもCSS3,SVG, MathML,WebGL など 多 くの 新 技 術 の 実 装 と 標 準 化 が 進 められている これらは 厳 密 には 1

HTML5 がもたらす Web の 新 展 望 について 図 表 1 HTML5および 関 連 する 仕 様 の 範 囲 の 関 係 図 ( 資 料 ) 各 種 資 料 より 筆 者 作 成 HTML5には 含 まれないが 広 義 のHTML5と して 言 及 されることもある HTML5および 関 連 する 仕 様 の 範 囲 の 関 係 図 を 図 表 1に 示 す 2. HTML5 誕 に る 歴 史 ここで HTML5がどのような 流 れの 中 で 誕 生 したのかを 整 理 してみたい (1)インターネット 黎 明 期 Web の 分 裂 へ HTML が 誕 生 したのは 1990 年 のことであ る HTMLで 記 述 されたページをブラウザで 閲 覧 できるWeb が 誕 生 したことによって イ ンターネットの 利 便 性 は 一 気 に 高 まり 利 用 が 拡 大 した 最 初 にWeb の 普 及 のきっかけを 作 ったブラ ウザはNCSA Mosaic (5) だったが その 後 主 要 なブラウザとなったのはNetscape Navigator とInternet Explorer( 以 降 IE)だった 両 者 は 熾 烈 なシェア 争 いを 演 じた ( 第 一 次 ブラウザ 戦 争 )が 最 終 的 に IEが 勝 利 したのはご 存 知 の 通 りである この 時 期 Netscape 社 とMicrosoft 社 は 自 社 の 優 位 性 を 確 保 するためそれぞれブ ラウザに 拡 張 を 行 っていた Javascript は Netscape 社 で 誕 生 した 技 術 で IEも 対 応 した が ブラウザ 間 で 互 換 性 がない 部 分 が 多 かっ たことから 本 格 的 な 開 発 にはあまり 使 われず インタラクティブ ( 対 話 型 または 双 方 向 )な サービスの 実 現 にはFlash (6) 等 のプラグイン を 使 用 することが 一 般 的 だった この 頃 は Javascript 以 外 にもブラウザ 間 で 挙 動 が 異 なる 部 分 が 多 く Webはブラウザによって 分 断 さ れていた (2)Ajax ブームの 到 来 Webの 標 準 化 の 進 展 2005 年 ごろ Javascript によるサーバとの 非 同 期 な 通 信 によって インタラクティブ 性 の 高 いサービスが 実 現 され 状 況 が 一 変 した Ajax (7) ブームが 到 来 し Google 社 のGoogle Map GMail などを 筆 頭 に Javascript を 多 用 したサービスが 多 数 出 現 した Javascript は 一 気 に Webの 開 発 の 主 役 に 踊 り 出 たのである またこの 少 し 前 から Webの 標 準 化 の 動 き が 始 まった W3C が 誕 生 してHTML 4.01 CSS などWebに 関 連 する 仕 様 を 標 準 化 して 公 開 した 公 開 当 初 ブラウザの 仕 様 への 対 応 の 2

動 きは 鈍 かったが 徐 々に 進 んでいった その 流 れの 中 で HTML5の 仕 様 の 策 定 は 2004 年 ごろに 開 始 された 仕 様 の 策 定 が 進 行 するにつれ 固 まった 仕 様 は 多 くのブラウ ザで 対 応 が 進 んでいったが 普 及 は 進 まな かった なぜなら 最 大 のシェアを 握 るIEの HTML5への 対 応 が 進 まなかったためである Microsoft 社 はブラウザ 用 にSilverlight (8) プラ グインを 開 発 推 進 しており HTML5への 対 応 は 戦 略 的 に 重 要 ではなかった (3)HTML5の 時 代 へ しかし スマートフォン( 及 びタブレット 端 末 )の 登 場 と 普 及 によりHTML5にとって 大 き な 転 機 が 訪 れる スマートフォンのブラウザは Flash,Silverlight 等 のプラグインには 対 応 し ておらず 反 してHTML5への 対 応 が 進 んでい たことから スマートフォン 専 用 ページの 開 発 技 術 として 注 目 され HTML5の 普 及 が 加 速 し たのである また Google が Google Chrome を 投 入 してHTML5 対 応 を 進 め HTML5の 全 面 支 持 を 表 明 (9) したことが 拍 車 をかけた こう した 広 がりなどを 受 け IE でもバージョン9 以 降 で 対 応 が 進 み PC 用 のページでもHTML5 の 活 用 が 進 む 見 通 しが 立 ち 始 めた そして2014 年 は HTML5の 普 及 が 一 気 に 加 速 する 年 になると 予 想 される 前 述 のとおり 仕 様 が 正 式 に 勧 告 される 予 定 であるのに 加 え Windows XPのサポートが 終 了 となるためだ Windows XP 上 で 主 に 使 われ HTML5に 非 対 応 なブラウザである IE バージョン6,7,8の シェアが 急 減 し 2014 年 以 降 HTML5 対 応 ブ ラウザのシェアは 一 気 に 上 昇 すると 予 想 され る Webの 開 発 においてはHTML5を 使 用 する のが 常 識 という 時 代 が もう 目 の 前 に 来 ている 3. HTML5 がもたらすもの HTML5により 何 がもたらされるのかを 以 下 に 紹 介 したい (1)Webの 標 準 化 前 述 の 通 り HTML5によりブラウザに 関 連 する 広 い 範 囲 の 仕 様 が 規 定 される これにより OSやブラウザによらず どのデバイスからア クセスしても 同 じようにWebを 利 用 できるよ うになる 現 在 でもそうなっているではない か と 思 われる 方 もおられるだろうが 実 は 現 状 ではブラウザ 間 の 違 いを 吸 収 するライブラリ やスタイルシートによってこれが 実 現 されてい る HTML5の 登 場 によってブラウザ 間 の 違 い を 吸 収 する 処 理 や 各 ブラウザでの 動 作 テスト は 軽 減 もしくは 不 要 となり Webの 開 発 はよ りシンプルになる (2)プラグインからの 脱 却 動 画 や 音 声 の 再 生 画 像 の 動 的 な 描 画 機 能 な どマルチメディア 機 能 が 強 化 されたことによ り 以 前 はFlash,Silverlight などプラグイン でしか 実 現 できなかった 動 画 の 再 生 やベクタ 画 像 の 取 り 扱 いが ブラウザのみで 実 現 できるよ うになる プラグインのインストールやアップ デートの 手 間 がなくなり またプラグインが 用 意 されていないモバイル 端 末 でも 同 じように Webを 利 用 できる (3)モバイル 端 末 での 利 便 性 の 向 上 GPSやWi-Fiに 基 づく 端 末 の 位 置 情 報 が 利 用 できたり 通 信 圏 外 に 移 動 した 時 でもオフライ ンで 使 い 続 けられたりするなど モバイル 端 末 でのWebの 利 便 性 を 向 上 する 機 能 が 追 加 される 3

HTML5 がもたらす Web の 新 展 望 について (4)インタラクティブ 性 を 高 める 機 能 ブラウザ 上 で 時 間 のかかる 処 理 をバックグラ ンウドで 実 行 したり サーバと 頻 繁 に 通 信 を 行 ったりする 際 のインタラクティブ 性 を 高 める 機 能 が 追 加 される これにより ブラウザが 固 まる ことがないサービスを 提 供 しやすくなる (5)セマンティックウェブ (10) への 対 応 HTMLが 見 た 目 ( 文 字 サイズ フォントなど) ではなく 文 書 の 各 要 素 の 意 味 ( 見 出 し 本 文 補 足 ナビゲーションなど)を 記 述 する 目 的 に 特 化 されたことにより プログラムが 読 み 込 んで 処 理 した 時 に 意 味 を 理 解 しやすい 構 造 となる 参 考 として 広 義 のHTML5に 含 まれる 具 体 的 な 仕 様 を 図 表 2に ま た PC 用 ブラウザとモバイル 端 末 用 ブラウザでの 各 仕 様 への 対 応 状 況 をそれ ぞれ 図 表 3, 図 表 4に 示 す IEではバージョン9 以 降 でHTML5への 対 応 が 進 んだこと モバイル 端 末 では 既 に 対 応 が 進 んでいることが 分 かる 図 表 2 HTML5に 含 まれる 仕 様 ( 資 料 ) 各 種 資 料 より 筆 者 作 成 図 表 3 PC 用 ブラウザにおける HTML5の 仕 様 のサポート 状 況 ( 資 料 )http://caniuse.com/ 等 より 筆 者 作 成 4

図 表 4 モバイル 端 末 用 ブラウザにおける HTML5の 仕 様 のサポート 状 況 ( 資 料 )http://mobilehtml5.org/ 等 より 筆 者 作 成 4. まとめ HTML5の 普 及 によって Webは 変 わるだろう サービスの 利 用 者 は モダンな 機 能 を 利 用 し た 新 しいサービス 今 までよりユーザビリティ の 高 いサービスがWeb で 利 用 できるようにな る またプラグインのインストールやアップ デートの 手 間 から 開 放 される 推 奨 ブラウザ や 対 応 ブラウザ といった 概 念 がなくなり どのデバイス どのブラウザからでも 同 じよう にWebを 利 用 できるようになっていく サービス 提 供 側 には 標 準 化 に 伴 い 開 発 コス トの 圧 縮 開 発 期 間 の 短 縮 といったメリットが ある また 新 機 能 を 利 用 することにより これ まではプラグインやネイティブアプリでしか 実 現 できなかった 機 能 がブラウザのみで 実 現 でき ることとなり Web のみで 多 くのデバイスに 同 じサービスを 提 供 できるようになる HTML5の 普 及 によりWeb はこれまで 以 上 に 魅 力 的 なプラットフォームとなり さらに 広 い 目 的 で 活 用 されていくことになるだろう 注 (1) W3C(World Wide Web Consortium): Webで 使 用 される 各 種 技 術 の 標 準 化 を 推 進 するために 設 立 された 標 準 化 団 体 (2) Javascript:ブラウザ 上 で 動 作 するスクリプト 言 語 動 的 なページの 書 き 換 えやサーバとの 通 信 な どを 行 うことができる (3) API(Application Programming Interface):ソフ トウェアが 互 いにやりとりするのに 使 用 するイン タフェースの 仕 様 サブルーチン クラス 変 数 などの 仕 様 を 含 む (4) マークアップ:HTMLの 文 法 に 従 って 要 素 を 記 述 すること (5) NCSA Mosaic: 米 国 立 スーパーコンピュータ 応 用 研 究 所 で 開 発 されたブラウザ 初 めて 画 像 の 表 示 をサポートしたことによりWebの 表 現 力 が 高 ま り Webの 普 及 のきっかけを 作 った (6) Flash:Macromedia 社 ( 現 在 はAdobe 社 が 吸 収 ) が 開 発 した 動 画 やゲームなどを 扱 うための 規 格 とそれを 制 作 するソフトウェアの 名 称 再 生 ソフ トであるFlash Playerはブラウザ 上 でプラグイン として 実 行 でき インタラクティブなWebページ を 開 発 するための 技 術 として 広 く 普 及 した (7) Ajax(Asynchronous Javascript+XML): エイジャッ クス と 発 音 し Javascript を 利 用 してブラウザ 内 で 非 同 期 通 信 とインターフェースの 構 築 などを 行 い インタラクティブなページを 開 発 するための 技 術 の 総 称 (8) Silverlight プラグイン:Microsoft 社 が 開 発 した ブラウザ 用 のプラグイン 動 画 の 再 生 などに 優 れ ており.NET Framework 上 で 動 作 する 言 語 で 開 発 することができる Windows,Mac OS X 上 で 動 作 する 主 要 なブラウザで 利 用 可 能 (9) http://itpro.nikkeibp.co.jp/article/mag/ 20090528/330871/ (10)セマンティックウェブ:Webページの 意 味 を 扱 う ことを 可 能 とする 標 準 やツール 群 の 開 発 によって Webの 利 便 性 を 向 上 させるプロジェクト 5