第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年03月14日 更新
  1. 「iPhone 17e」と「iPhone 17」は何が違う? 3万円の価格差をスペックから検証する (2026年03月10日)
  2. 庵野秀明、GACKT、ひろゆき、ドワンゴ川上らが集結 “カメラのいらないテレビ電話”をうたう新サービス「POPOPO」18日に発表へ (2026年03月11日)
  3. Apple、旧型iPhone・iPad向けに緊急セキュリティ更新を配信 (2026年03月13日)
  4. 100W出力で急速充電対応「UGREEN USB Type-Cケーブル」が43%オフの743円に (2026年03月12日)
  5. 「Galaxy S26」シリーズはどこが安い? 一括価格と2年間の実質負担額を比較、お得なキャリアはココだ (2026年03月11日)
  6. 「iPad Air(M4)」実機レビュー 「もうProじゃなくてもいい」と思えた性能、だからこそ欲しかったFace ID (2026年03月09日)
  7. サムスンに聞く「Galaxy S26」シリーズ開発秘話 AI機能はさらに賢く、商用化まで5年を要した「プライバシーディスプレイ」 (2026年03月12日)
  8. Xiaomiからも“デカバ”モデルが登場! 1万mAhバッテリー時代が到来 (2026年03月12日)
  9. キーボード付きスマホ「Titan 2 Elite」がUnihertzから登場 実機に触れて分かった“絶妙なサイズ感” (2026年03月09日)
  10. ソフトバンクが「今回もやる」とGalaxy S26を月額1円で販売――販売方法を早急に見直さないと撤退を迫られるメーカーも (2026年03月08日)
最新トピックスPR

過去記事カレンダー

2026年