modernIEの導入方法まとめ


ModenIEの導入と使い方について。

modernIE

OSとIEバージョンの組み合わせを試せます。

CSSレベルなら互換性モードとかIETesterなどを使うのもありですが、結局JSのランタイム、メモリの扱いなどが異なるので、
サポートするならこれを使うしないです。

導入方法

VMクライアントのインストール

OSとわず使えるVirtualBoxがおすすめです。

Diskイメージのダウンロード

サイトからダウンロードするだけです。
必要な環境をダウンロードします。

(Mac版のみ)

ダウンロードに時間がかかるので、
先に一括でダウンロード、結合、解凍まですることおすすめします。

cURL ですべて入手する、を選択してcurlのコマンド入手します。
そのあとに結合、解凍のコマンドを加えます。

curl -O -L "https://www.modern.ie/vmdownload?browserOS=IE8-XP&parts=2&platform=Mac&virtPlatform=virtualbox&filename=VMBuild_20141027/VirtualBox/IE8/Mac/IE8.XP.For.Mac.VirtualBox.zip{.001,.002}"

cat cat IE8.XP.For.Mac.VirtualBox.zip{.001,.002} > IE8.XP.For.Mac.VirtualBox.zip  #結合コマンドを加えます。

unzip IE8.XP.For.Mac.VirtualBox.zip #解凍コマンドを加えます。

上記コマンドをプロンプトにコピーするか、ファイルに書いて実行させて放置します。

起動する

解凍してできたディレクトリを適当な場所に移動します。
移動が終わったらダブルクリックします。

virtualBoxが起動するのでそのまま進むとimport完了です。

起動の前にネットワークを設定します。

環境設定->ネットワーク->アダプター1

を選択して割り当ての箇所をブリッジに変更します。

ブリッジとはVMが直接ルータに接続しにいくようなイメージです。
ホストOS同様にルータのIPアドレスをもらいにいきます。

NATを設定してもよいのですが、この方法が一番ラクです。

確認する。

ホストOSにローカル環境がある場合は、ipconfigやifconfigで自分のIPを調べます。

IEをひらいてIPとパスを入力してローカルを確認します。
サーバに展開している場合はそのアドレスを開きます。

無事表示できたらOKです。

接続できない場合は、ipconfigでIPを確認して割り振られているか確認してみてください。
プロキシの設定も必要です。

XPの場合の注意事項

英語版XPには日本語フォントがはいってないので自分でインストールする必要があります。

例えば以下のようなものがあります。

インストール方法はこのへんを参考してください。

検証して実際に修正するとなるとレイアウト崩れ、
パフォーマンス問題など問題はたくさんあります。

css3使ってないんで、古いIEでも動くと思います。
なんて気軽にいうと確実に赤字案件化します。

特に複雑なajaxアプリケーションをIE6,7,8で動かすのは指南の技です。
頻出するメモリリークと性能と戦うことになります。

IE対応するにはVMで検証して、といった大変な検証と修正プロセスを
金額にして提示すべきです。

そうしたらみんなYahooBBがモデルを紙袋にいれてくばっていた時代に
普及したブラウザをサポートしたいなんていう人がいなくなることを心から願っております。

あの時代にajaxを扱うアプリケーションがどれぐらいあったか、
冷静に考えてほしいです。

ましてや同じコードでスマートフォンでもみれるようにしたい、
なんて本当に愚かな要求だと思います。