Internet Explorer 9“β版”発表会で知る最新の“動き”「9」の時代はすぐそこ!(4/5 ページ)

» 2010年09月17日 11時30分 公開
[鈴木淳也(Junya Suzuki),ITmedia]

HTML5を活用したWebサービスを動画で体感

 以上のプレゼンテーションがすべて終了すると、ステージ上に再びハチャモビッチ氏が登場し、「IE9によるWeb体験を楽しんでほしい」という言葉とともに背景の壁が開いて展示会場が出現した。ここから先は、展示会場で見つけたユニークなWebサービスをいくつかピックアップして動画で紹介していこう。動画を見て興味をもったサービスがあれば、IE9β版をダウンロードして実際に試してほしい。

 なお、ここで紹介するWebサービスはすべてHTML5で記述されているため、IE9以外のブラウザでも問題なくアクセスできるが、中には画面が崩れて表示されたり、表示できても動作が非常に重いことがある。このあたりがHTML5実装におけるWebブラウザ間の差異問題を示すとともに、高速実行ができるIE9のアドバンテージにもなっている。

 まずは実際に試してみるのが一番だ。ここで紹介した事例はすべて「Beauty of the Web」のWebページでも解説付きで参照できるようになっている。

展示会場の入り口にIE9体験コーナーが用意されている

今回の展示に参加、もしくは、IE9のサポートを表明したベンダーを紹介するボード(写真=左)。展示会場では、各Webサイトの開発者が自分たちのサービスをデモを交えて紹介していた(写真=右)

Yahoo! JapanのIE9デモサイト

 Yahoo! JapanがIE9のデモ用に用意したサービスは「Trendline」と呼ばれるものだ。人気の検索キーワードをランキングにして、それに関する画像や情報の一覧をWebブラウザで把握できる。HTML5とIE9のパワーを知るのに適した比較的ベーシックな作りだ。

 動画の後半でやや動きが重くなる現象が見られるが、きれいなフォントを表現するために文字表示でSVGを多用しており、それが原因で処理が重くなっている可能性があるという。このあたりのバランスやテクニックはHTML5の普及で徐々にこなれてくるだろう。

 Steam Designの「Never Mind The Bullets」は、ユーザーのマウスカーソルの動きに合わせてコミック内のコマの視点やオブジェクトが動くなど、見た目のインパクトが強い。コマの各オブジェクトはSVGで描画されており、拡大しても線は緻密だ。

 IE9以外でもこのサービスは問題なく見られるが、ハードウェアアクセラレーションの効果による描画のスムーズさでIE9の優位性を訴求できるデモだ。

 ドイツのカルルスルーエにある国立デザイン学校が制作した「Exhibition and Archive」システム。アニメーション処理が秀逸だ。

 アニメーションと動画再生/スライドショーを組み合わせたインタラクティブUIが目を引くのは、Red BullのHTML5デモだ。これもHTML5のパワーをまんべんなく活用している。

Copyright © ITmedia, Inc. All Rights Reserved.

アクセストップ10

2024年03月29日 更新
  1. ミリ波レーダーで高度な検知を実現する「スマート人感センサーFP2」を試す 室内の転倒検出や睡眠モニターも実現 (2024年03月28日)
  2. ダイソーで330円の「手になじむワイヤレスマウス」を試す 名前通りの持ちやすさは“お値段以上”だが難点も (2024年03月27日)
  3. Synology「BeeStation」は、“NASに興味があるけど未導入”な人に勧めたい 買い切り型で自分だけの4TBクラウドストレージを簡単に構築できる (2024年03月27日)
  4. 「ThinkPad」2024年モデルは何が変わった? 見どころをチェック! (2024年03月26日)
  5. ダイソーで550円で売っている「充電式ワイヤレスマウス」が意外と優秀 平たいボディーは携帯性抜群! (2024年03月25日)
  6. 次期永続ライセンス版の「Microsoft Office 2024」が2024年後半提供開始/macOS Sonoma 14.4のアップグレードでJavaがクラッシュ (2024年03月24日)
  7. 日本HP、個人/法人向けノート「Envy」「HP EliteBook」「HP ZBook」にCore Ultra搭載の新モデルを一挙投入 (2024年03月28日)
  8. サンワ、Windows Helloに対応したUSB Type-C指紋認証センサー (2024年03月27日)
  9. あなたのPCのWindows 10/11の「ライセンス」はどうなっている? 調べる方法をチェック! (2023年10月20日)
  10. レノボ、Ryzen Threadripper PRO 7000 WXシリーズを搭載したタワー型ワークステーション (2024年03月27日)
最新トピックスPR

過去記事カレンダー