さまざまなデバイスがWebと結び付いていく：UXClip（23）（3/3 ページ）

» 2013年03月15日 15時04分公開

[仲　裕介，NTTコミュニケーションズ]

3．HTML5は本当にマルチデバイス対応の銀の弾丸か

羽田野太巳（株式会社ニューフォリア取締役最高技術責任者）

　近年、スマートフォンやタブレットなど、さまざまなデバイスが登場し、Webページやアプリ制作においてはHTML5が大きく注目されています。さらにテレビや車載機器など、HTML5の応用範囲は増すばかりです。HTML5は、一度コンテンツを作れば多様なデバイスに簡単に使い回せるといった期待が高まっていますが、本当にそうなのかを冷静に考える必要があります。ニューフォリア羽田野氏による講演では、理想ではなく現実を直視し、HTML5をうまく使いこなすための、コンテンツ制作の現実が紹介されました。

マルチデバイスの現場について

　羽田野氏は初めに、研究開発という視点でのHTML5と、実際の開発現場の視点からのHTML5では、その見え方が違ってくると自身の体験談を元に話しました。

　それによれば、「一昔前のWeb制作の現場は、対応するブラウザの種類の多さに頭を抱えていたが、現在のWeb制作の現場は、PC、スマートフォン、タブレットというマルチデバイス対応にかなり苦労している。そして、今後も、テレビやゲーム機、デジタルサイネージ、自動車など、Webの適用範囲はますます広がっていくため、『Web制作の現場はパンク状態』になっていくだろう」と話しました。

　同氏はマルチデバイス対応で苦労する点として、Android OSが登場し、端末の種類や搭載されるブラウザの種類が膨大になり（フラグメンテーション化し）、特にテスト稼働が増加している点と、ブラウザのHTMLレンダリングエンジンの1つであるWebkitに関して、特に組み込み系デバイスではマシンごとのチューニングが必要になってくるため、亜種（Webkitベースのオリジナルソリューション）が数多く作られている点を挙げました。その上で、HTML5がこの状況を救えるかといえば、ある部分では救えるが、救えない部分もあり、その見極めが重要になってくると話しました。

HTML5がアプリ基盤となっているOSについて

　羽田野氏はHTML5がアプリ基盤のOSとして以下のラインアップを挙げました。

Google Chrome OS
Windows 8 / Windows Phone、Windows RT
BlackBerry WbeWorks
Firefox OS
Tizen Mobile
Ubuntu Mobile

　そして同氏は、これらのOSで動作するアプリを開発するためにはOS独自のAPIの存在が重要で、Web標準技術だけではアプリが開発できない現状を説明しました。これは、Web技術の標準化よりも搭載製品のリリースの方が早いために起きており、OSメーカーも自社製品の差別化を図るために、独自APIを充実させる傾向にあると述べました。また、アプリのパッケージング方法やUIにも独自ルールが存在し、開発を行う上で互換性を担保するのは楽ではないのが現状です。

HTML5技術を活用したさまざまなデバイスやソフトウェア

　羽田野氏はHTML5を活用したデバイスやソフトウェアについて紹介しました。

（1）テレビについて

Samsung SmartTVに注目……テレビ独自のオリジナルAPIも用意されており、テレビ機器を扱うアプリ開発が可能。また、同社のGalaxy端末からも連携可能。
SmartTV Aliance……「build once, run everywhere」という目標を掲げている。Web技術を用いたアプリ基盤の構築を目指しており、アプリの作り手側としては、基盤が1つになるという観点から大変期待している。

　同氏は、テレビ向けのブラウザの機能について、HTML5TEST.comで比較した結果を示し、販売中のハイエンドテレビのブラウザについては、スマートフォンに匹敵するぐらいの性能ではあるが、メモリ容量やCPUの種類がスマートフォンと異なるため、パフォーマンスの観点で、テレビ向けアプリの制作現場の苦労は変わらないそうです。

（2）車向けデバイス（IVI：車載用の情報端末）について

QNX Car 2（参考）
- BlackBerry傘下
- IVIコンセプトをCES 2013にて発表
- 自動車専用の独自APIを実装
Webinos（参考）
- WebベースのIVI
- Webベースのモックアップがある
Tizen IVI
- Intel MeeGoからTizenにシフトしている
- GENIVIというIVIの仕様を規定する団体に認定

　同氏は、IVIにはスマホ向けのアプリをそのままポーティングできないと述べました。その理由として、走行中に操作ができるようにボタンを大きくしたり、原則キーボード入力を使わないようにしたりと、UIの作りを根本的に変えなければならないからです。

　ここで、同氏は、2012年11月14日(水)から2012年11月16日(金)までパシフィコ横浜で開催された「Embedded Technology 2012／組込み総合技術展」において発表したintel、ゼンリン、同氏がCTOを務めているニューフォリアで開発したTizen IVIのデモンストレーションの模様を動画で紹介しました。

参考

　このデモンストレーションでは、実際に自動車に実装するリファレンスボード上でTizen IVIを走らせて、HTML5ベースのアプリを動かしていて、自動車のハードウェアの上で、どれだけのビジュアル表現が可能かチャレンジを行ったと明かしました。デモンストレーションの様子はUstreamでご覧頂けます。

（3）デジタルサイネージについて

　羽田野氏は、イギリスではロンドンオリンピックの影響でデジタルサイネージが増えていると述べ、デジタルサイネージとWebは非常に親和性が高く、シンプルなサイネージであれば、TVなどの非力なWebブラウザ上でもすぐに動かせると付け加え、デジタルサイネージのデモンストレーションを行いました。

W3C Web-based Signage ビジネスグループ（BG）について

　次に羽田野氏が共同議長を務める、W3C Web-based Signage ビジネスグループ（BG）についてその活動内容について触れました。

　その中で、BGはW3Cの各種WG（Working Group）が策定するAPIに求める要件を業界として整理する業務や、啓蒙活動、Webを活用したベストプラクティクスを提案するなどのミッションを担い、W3Cの中でも比較的自由なことをやっているグループだと語りました。

HTML5を用いた、マルチバイス対応技術とその限界について

　次に羽田野氏は、HTML5を用いてマルチデバイス対応させるための代表的な技術を紹介するとともに、その技術が完ぺきではない側面についても触れ、それぞれの技術を使い分ける知識が必要になってくるそうです。

レイアウト調整技術（微調整は得でないため逆に手間が掛かる場合がある）
- レスポンシブルWebデザイン（RWD）
- Fluid Grid
- Flexible images
- CSS Media Queries
スケーリング調整技術（画面サイズに合わせて画面上の文字が読めなくなる場合があり、利用シーンが限られる）
- CSS Transforms
プログレッシブエンハンスメント（そのアプリに必須の機能に関しては適応できない）
- 見た目と挙動の違いを受け入れる（プラットフォームによって提供内容を制限する）
- 制約条件を付けて見た目をあきらめる（広告業界ではあまり受け入れられない）
MVCフレームワーク
- MVCを導入しView部分を独立させることで、マルチデバイス対応を容易にする（代表例：AngularJS）。