仮登録 - ITエンジニア派遣での最適な仕事をご案内
てくらぼコンテンツ
てくらぼってなに?
パソナテックコンテンツ
ITキャリア大図鑑
ITエンジニアのためのライフハック特集
あすなろBLOG
イベント&セミナー
てくらぼRSS一覧
以前の記事
2010年3月の記事
2010年2月の記事
2010年1月の記事
サイトマップ
トップページてくらぼ今すぐ役立つ!ITサービス&ツールズ> 複数バージョンのIEの表示テストができる「Expression Web SuperPreview」

今すぐ役立つ!ITサービス&ツールズ
複数バージョンのIEの表示テストができる「Expression Web SuperPreview」

2009.08.27
このエントリーを含むブックマーク livedoorクリップ Yahoo!ブックマークに登録 この記事をChoix!

米Microsoftの「Expression Web SuperPreview for Windows Internet Explorer(以下Expression Web SuperPreview)」は、IE6以降の各バージョン、つまりIE6/7/8の表示テストを行うためのソフトだ。特定のバージョンでページの表示がくずれるといった症状を、本ソフトでチェックしながら直していくことができる。

Webデザイナーからブロガーに至るまで、Webサイトの制作に携わる人にとって、ブラウザの違いによるページ表示の乱れは頭が痛い問題だ。IE/Firefox/Opera/Google Chromeといった違う種類のブラウザについては、それぞれのブラウザをインストールしておけば事は足りるが、ひとつのブラウザで異なるバージョンとなると、1台のPCに共存させることは通常は難しいため、チェックをするためには複数のPCを用意してそれぞれのバージョンをインストールしておくといった工夫が必要になる。

「Expression Web SuperPreview」を用いれば、バージョンによって表示が大幅に異なるIE6/7/8のレンダリングエンジンをエミュレートできる。同様のツールとしては、その筋では非常に有名な「IETester」が挙げられるが、「Expression Web SuperPreview」はなんといってもMicrosoft純正のツールであることが特徴である。使い勝手についてはIETesterに及ばない部分もあるが、ブラウザ開発元が提供しているという信頼性は見逃せない。

なお、各バージョンのブラウザを表示させるには、上位のバージョンがPCにインストールされている必要がある。例えばIE8がインストールされていれば、6/7/8すべてのバージョンが表示できるが、IE6しか入っていない場合はIE6のみの表示となってしまうので要注意だ。

では導入から使い方までを順に見ていこう。

Expression Web SuperPreviewの配布ページ
※配布ページの中段にある「Download」を押してダウンロードを行う。ファイルサイズは250MBとかなり大きく、時間はそこそこかかる
ダウンロードが完了したらダブルクリックしてインストールを行う
※ダウンロードが完了したらダブルクリックしてインストールを行う。すべて英語だがとくに難解な項目はないだろう
「Expression Web SuperPreview」を起動する
※インストールが完了したら「Expression Web SuperPreview」を起動する
右側はアイコンをクリックして選択する
※初期画面。左右2つのペインに分かれており、左側はIE8がデフォルトで選択されている。右側はアイコンをクリックして選択する。今回はIE6を選択
ヘッダ周りの背景が表示されていない
※ある企業ホームページを表示したところ。よく見ると、ヘッダ周りの背景が表示されていないようだ
IE6では背景が完全に消えてしまっていることが分かる
※拡大表示したところ。IE6では背景が完全に消えてしまっていることが分かる
2つのブラウザの表示を重ねてズレをチェックできるモード
※表示モードは多彩。これは2つのブラウザの表示を重ねてズレをチェックできるモード。CSSの解釈の違いでテキストに微妙なズレが生じているのが分かる

本ソフトの競合にあたる「IETester」の場合、ページ内のリンクは生きた状態になっているので、クリックすればそのまま他のページに移動できるが、本ソフトはページ単位で表示が完結しているため、異なるページを表示するためには新たにURLを打ち込んでやる必要がある。こうした点は「IETester」にやや分があると感じる。

その一方、ページを重ねての表示や、特定ブロックのハイライト表示、さらにルーラー表示といった機能については、今回紹介した「Expression Web SuperPreview」のほうが明らかに充実している。Microsoftの純正ツールということもあり、表示結果に対する信頼性の高さもメリットだろう。

ベータ版とのことで今後の展開が気になるところだが、完成度の高さは大きな魅力だ。「IETester」の場合、筆者の環境では動作が不安定で強制終了することが多いが、本製品ではそうした症状が見られないのも、個人的には評価したい。このまま無料公開の継続を望みたいソフトだ。

ソフト名
Microsoft Expression Web SuperPreview for Windows Internet Explorer

作者
Microsoft Corporation

利用料
無料



  • 前回の記事
  • 次回の記事

このレポートに関するご意見・ご感想は下記までお願いします。
project@cs.pasonatech.co.jp

バックナンバー


山口真弘の過去の連載を見る

<全9回> 2009年4月23日連載終了

ユーザビリティ設計メモ

Webイン ターフェイスをわかりやすく設計するためのお約束事をわかりやすく解説します。

山口真弘プロフィール

テクニカルライター。PC周辺機器メーカー2社を経てコンサルティング会社でユーザビリティ改善業務に携わった経験から、ユーザ視点による製品やサービスの使い勝手の評価が専門分野。Impress Watch、ITmediaなどのWeb媒体を中心に活動中。
ブログはこちら

新着派遣求人情報
大手証券会社のコーポレイトサイトもしくはイントラサイトの制作業務をお願いします。 ■担当業務 ・デザイン画像を元にしたHTMLコーディング ・キャンペーンページのデザイン ・既存のJavaScript修正 ・簡単な画像パーツ制作 等 ※複数サイトあり、サイトリニューアル・更新など状況が異なります ※デザインとコーディングの割合は5:5程度の予定ですが、担当サイトによって異なります。 ■制作環境 ・OS:Windows ・ツール:PhotoShop、Illustrator、FireWorks、DreamWeaver ・言語:HTML、CSS ■チーム構成 ・全体10名前後 うちコーダー3名
大手システムベンダーにてOracleデータベース管理をお願いいたします。 ■担当業務 ・データベースの構築、移行 ・データベースの運用管理 ・携帯待機による障害対応(月1回程度)
ソフトウェア会社にて開発業務 ■担当業務 ・給食管理システムの開発業務 ・各病院ごとにシステムのカスタマイズ ・SEの指示に従って実装をメインに担当 ■チーム構成 ・4名(SE1名 PG3名)
もっとお仕事情報を見る
 仮登録者以上限定 技術セミナー・トレーニング開催中!
パソナテックでは、仮登録者以上の方を対象とした限定技術セミナー・トレーニングを定期的に
開催しています。
最先端技術についての情報を手に入れたい方はぜひご登録ください。
登録も利用も無料です。
仮登録のページにすすむ

 ページトップ


© 2006-2010 Pasona Tech,inc.All Rights Reserved.