米ラスベガスでMicrosoftのWebデザイナー/ 開発者向けカンファレンス「MIX09」が始まった。今年のテーマは「Return on Experience」。ユーザーや顧客のエクスペリエンスを優先した上での利益追求である。初日に行われたScott Guthrie氏(デベロッパー部門担当CVP)の基調講演「Advancing User Experiences」では、Silverlight 3、Expression Blend 3プレビュー、Azure Services Platformのアップデートなど数多くの発表が行われた。本稿では、Web、メディア、RIAの3つに分かれていた同講演の「Web」部分をお届けする。

仮想環境いらずのWebぺージ・デバグ「SuperPreview」

講演はフロンエンドから始まり、最初に次期Webデザインツール「Expression Web 3」に含まれる新機能「Expression Web SuperPreview」が紹介された。種類やバージョンの異なるWebブラウザの表示をプレビューするツールだ。Webページのデバグは複数のブラウザや異なるプラットフォームを切り替えながら行う地道な作業だが、SuperPreviewを使えばExpresson Web内からInternet Explorer (IE)、Firefox、Safariなどの表示をプレビューできる。

初日キーノートを担当したデベロッパー部門担当コーポレートバイスプレジデントScott Guthrie氏

Expression Web 3の強化点から「SuperPreview」を披露

グループプログラムマネージャーErik Saltwell氏によるデモではExpression Web 3で、SuperPreviewをフル画面表示に切り替えると画面左下にターゲットとする複数のWebブラウザがリストされた。異なるブラウザを横に並べたり、また半透明状態にして重ねる(オーバーレイ・モード)など、様々な方法で表示を比較できる。Safariに切り替えると、PC版のSafariではなく、Mac OS上でのSafariの表示がプレビューされた。デモのケースでは、IE8とFirefoxはPC内のローカルブラウザを利用しているが、Safariはオンラインサービスからレンダリング・データを取得してSuperPreviewで表示しているという。

通常の状態。マークアップ画面の下にプレビュー画面

フル画面でSuperPreview状態

左のように正確に表示されればオーバーレイ・モードでもきれいだが、右のFirefoxとSafariの場合はずれが顕著

プレビュー画面上でマウスをホバリングさせ、問題箇所があれば、その部分がハイライトされる。比較している場合は、他のブラウザにも反映される

問題箇所を際立たせるShaded Punchoutモード

SuperPreviewには無料のスタンドアローン版もある。すでにベータ版が公開されており、ダウンロードセンターから入手できる。無料版の機能はExpression Web版と同等ではなく、ベータ版でプレビューできるブラウザはIE6/ IE7/ IE8に限られている。最終版もIEのみになりそうだ。