第1回 次世代Web標準「HTML5」は今、どこまで使えるレベルにあるのか?なぜ今、HTML5なのか――モバイルビジネスに与えるインパクトを読み解く(1/2 ページ)

» 2012年08月08日 18時33分 公開
[小林雅一(KDDI総研),ITmedia]
※本記事はアフィリエイトプログラムによる収益を得ています

 高度で多彩な情報処理機能を備えた、最新鋭のWeb技術「HTML5」がじわりとIT業界に浸透してきた。例えば米Microsoftが先頃プレビューを開始した次世代「Office Web Apps」。これは同社のフラグシップ製品である統合文書ソフト「Office」のWebアプリ版(クラウド版)であり、Internet Explorer(IE)やChrome、Firefoxなど主要Webブラウザからオンラインで利用できる。

 これまでのWebアプリ版は、その原型となるネイティブ・アプリ版Officeに比べ、かなり見劣りのするものだったが、今回リリースされた次世代Office Web Appsは、初期メニューからネイティブ・アプリ版とほぼ同じ仕様になった。さらに編集機能が強化され、タッチ操作によるコピー&ペイストや、動画・アニメの再生機能なども追加された。

 このようにネイティブ・アプリに見劣りしない高度な情報処理を、ブラウザ上で実現する技術がHTML5だ。次世代Office Web Appsは、このHTML5をフル活用して開発された製品なのだ。

HTML5とは何か

 HTML5は、1990年に誕生したWebが進化する果てに生まれた究極の技術である。私たちが普段何げなく使っているホームページは、主に次の3つの技術(コンピュータ言語)によって制作されている。1つ目は、ホームページの文書構造を設計するマークアップ言語「HTML」、2つ目はその見栄え(デザイン)を指定するマークアップ言語「CSS」、3つ目はその動きをプログラミングするスクリプト言語の「JavaScript」である(図1)。

Photo 図1:ホームページを作る言語であるHTML、CSS、JavaScriptの果たす役割

 厳密な意味でのHTML5(狭義のHTML5)は、上記マークアップ言語HTMLの第5版のことを指す。しかし最近、何かと話題になる「HTML5」とは、そこにCSSやJavaScriptなども含め、最新鋭のWeb技術全般を指すことが多い。これは「広義のHTML5」などと呼ばれるが、以下、本文でもHTML5というときには、こちらを意味することとする。

 従来に比べ、最新のHTML5ではCSSやJavaScript関連の機能が大幅に強化され、それによって表現力が増すと共に、よりダイナミック(動的)になった。この結果、HTML5で制作される、これからのWebサイトは単に何かを見るための静的ホームページから、ゲームやワープロ、表計算など、動的アプリケーション(アプリ)へと変貌を遂げる(図2)。これが「Webアプリ」と呼ばれるもので、前述のOffice Web Appsはその格好の事例と言える。

Photo 図2:HTML5によって、Webはどう変化するか

クロス・プラットフォーム戦略の柱となるHTML5

 HTML5は今後、IT関連の様々な業界に影響を与えるとみられる。中でも、現在、HTML5への期待が特に高まっているのは、スマートフォンやタブレットを中心とするモバイル業界だ。それは深刻な分裂状態に陥ったモバイル産業を、HTML5が統一してくれるからだ。

 国内的にも世界的にもモバイル業界は今、様々な端末や機種、OSに分裂している。特に情報処理のプラットフォームとなるモバイルOSには、Appleの「iOS」、Googleの「Android」、Microsoftの「Windows Phone」などが乱立し、それらの上で動くアプリケーション・ソフト(アプリ)の互換性がない。このため各種のソフト開発業者は、同じ内容のアプリであっても、異なるOSに向けて個別に開発する必要に迫られる。この結果、アプリの開発コストが大幅に膨らんでしまった。

 モバイルOSの分裂はまた、ユーザーに対しても不便を強いる。例えばiPhone(iOS)用に買ったアプリが、AndroidやWindows Phone搭載端末では使えない、といった事態を招いている。さらに企業のIT担当者にとっても、社内端末の管理やサポート、業務用ソフトの配布や互換性等の問題から、モバイルOSの分裂は頭痛の種となっている。

 これに対しHTML5で制作されたWebアプリであれば、ソース・コード(プログラム)を一本作っておけば、どんなOS(プラットフォーム)を搭載した端末にも対応できる。これはソフト開発業界で「ワン・ソース、マルチ・プラットフォーム(一本のプログラムであらゆるOSに対応すること)」と呼ばれる。また、これによってアプリの開発コストを必要最小限に抑える戦略は「クロス・プラットフォーム戦略」と呼ばれている。言うまでもなく、これはユーザーや企業のIT担当者にとっても望ましいことだ。

 なぜHTML5で作られたWebアプリは、あらゆるプラットフォーム(OS)に対応できるのか?それはHTML5対応ブラウザの仕様が、W3C(World Wide Web Consortium)と呼ばれる世界的な標準化団体によって統一されているためだ(それは完全に統一されているとは言えないが、この点については後述する)。

 つまりiOSやAndroid、Windows PhoneなどOSの違いを、各種Webブラウザが吸収してくれるのだ。実際、米Microsoftは「(次世代Office Web Appsは)I.E.、Chrome、Firefox、Safariなど、主要ブラウザのいずれの上でも同じように動く」と明言している。このようにWebアプリが各種ブラウザ上で同じように動けば、その一つ下のレイヤーであるOSの違いは問題ではなくなる。

       1|2 次のページへ

Copyright © ITmedia, Inc. All Rights Reserved.

アクセストップ10

2026年06月14日 更新
  1. KDDIのpovo、「つながらない」に悩む楽天ユーザーを本気で救済開始か Xで意味深投稿 (2026年06月13日)
  2. シャープが「AQUOS」を中高価格帯へシフトする理由 メモリ高騰が直撃するエントリースマホの限界 (2026年06月13日)
  3. DAZNのW杯「月額980円」表示に落とし穴 ユーザーを困惑させた2つの“ダークパターン”とは (2026年06月12日)
  4. PayPayの誤送金トラブル、なぜ「強制キャンセル」できない? 広報に聞いた理由と自衛策 (2026年06月13日)
  5. スタバ長時間滞在、なぜ「一律ルール」設けない? “スマホでゲーム、PCで仕事も…広報見解は (2026年06月12日)
  6. ゲオの“今だけ”スマホ買い取り額UP、実はうそ? 消費者庁が厳しい目 (2026年06月12日)
  7. 「JALモバイル powered by ahamo」のお得度を検証 本家ahamoやIIJmio版とは何が違う? (2026年06月12日)
  8. 新エントリースマホ「arrows We3」発表 コンパクトな高耐久ボディーに5000mAhバッテリーや新カメラを搭載 (2026年06月11日)
  9. ソフトバンクが「今回もやる」とGalaxy S26を月額1円で販売――販売方法を早急に見直さないと撤退を迫られるメーカーも (2026年03月08日)
  10. 追加料金なしで海外データ通信が使える快適さ そして外国で「シャッター音」を忘れて羽根を伸ばすスマホ (2026年06月12日)
最新トピックスPR

過去記事カレンダー