動作確認に便利なModern.IE

シェアする

  • このエントリーをはてなブックマークに追加
  • 35

デザイナーさんやプログラマーさん達を悩ませ続ける動作確認作業。

これがなければ本当にどれくらい楽になるのか。

ということで今回はIE6など古いバージョンのブラウザで動作確認をするために便利なmodern.IEをご紹介!


modern.IEとは?

modern.IEはMicrosoftが無償で提供している動作確認を行うための仮想マシンです。

ダウンロードから実行するまでちょっと面倒な部分も有りますが、無償で提供してくれて、しかもMS産直なのでありがたいの一言につきます。

Windowsはもちろんのこと、MacもLinuxも利用できます。

URLを入力することで確認することも可能ですが、今回は仮想マシンをダウンロードして実行するところまでご紹介します。

(今回は個人的な都合上、Macでの手順をご紹介しますが、基本的にはほとんど同じ内容で行えるはずです。。)

対応している仮想マシンクライアントは以下のとおりです。

Windows

  • Hyper-V
  • Virtual PC
  • VirtualBox
  • VMWarePlayer

Mac

  • VirtualBox
  • VMWare Fusioin
  • Parallels

Linux

  • VirtualBox
無償でここまで対応してくれるなんて素晴らしいですね!

利用したい仮想マシンをダウンロード

今回はMacを元に説明していますが、Windowsでもダウンロードまでの操作は同じです。

利用しているOSを選択します。

OSの選択

OSを選択すると、右側にあたらにセレクトボックスが表示されます。

このセレクトボックスから、利用する仮想マシンクライアントを選択します。

仮想マシンクライアントの選択

今回はMacなのでFusionを選択しています(´・ω・`)

すると、利用可能なOSとブラウザの組み合わせ一覧が表示されます。

利用できるOSとブラウザの組み合わせ一覧

MacはcURLを利用できるので、cURLを使って一気に必要なファイルをダウンロードしますので、「Grab them allwith cURL」をクリックします。

するとモーダルボックスで以下のような画面が表示されます。

cURLでダウンロードする

青に反転している部分が必要な場所になるので、この部分を選択してコピーしておきます。

圧縮(分割)されたファイルを展開する

ここから先はコンソール(ターミナル)を利用していきます。

ターミナルを起動して、ダウンロードするディレクトリに移動します。(例えば、デスクトップ等)

移動したら、先ほどコピーした文字列を貼り付けます。
$ curl -O "https://az412801.vo.msecnd.net/vhd/IEKitV1_Final/VMWare_Fusion/IE6_XP/IE6.XP.For.MacVMware.sfx"
※ 「$」はユーザーを表しています。(rootではありません)

ダウンロードが開始されると、以下のような文字が表示されますが、されなかった場合は、利用しているパソコンでcURLコマンドが利用できない可能性が有ります。

% Total    % Received % Xferd  Average Speed   Time    Time     Time  Current

                               Dload  Upload   Total   Spent    Left  Speed

100  976M  100  976M    0     0  1050k      0  0:15:52  0:15:52 --:--:--  927k
ダウンロードが完了すると「Total」の下が100になります。

ダウンロードが完了後、以下のコマンドを実行します。
chmod +x IE6.XP.For.MacVMware.sfx && ./IE6.XP.For.MacVMware.sfx
このファイル自体は圧縮されたファイルで実行することで、中身を展開してくれるようになっているようです。

(sfx自体は自己解凍書庫になります。)

処理が完了するまでは( ・∀・)つ旦でも飲んで待ちます。

解凍が完了するとVMwareで利用できるファイルが吐出されます。

しかし問題が

問題と言っても、WindowsOSなので基本的に使い方は何も変わらないので問題ありませんが、全てが英語です\(^o^)/

なので、英語恐怖症な方にはちょっとつらいかもしれませんが、無償で確認環境が出来上がると思えばへの河童…!(のはず)

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする