Virtualbox で IE / Edge の動作確認環境を作る

macOS で IE / Edge の動作確認環境を作る方法です。

## Virtualbox のインストール
[公式サイト](https://www.virtualbox.org/wiki/Downloads)からダウンロード。
DLしたファイルを開いて画面に従ってインストール。

## 仮想マシンをダウンロード
仮想マシンを[Microsoftのページ](https://developer.microsoft.com/en-us/microsoft-edge/tools/vms/)からダウンロード。
<img width="600" alt="20191005121115.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/138647/116cb71f-7c92-14e1-057c-92eb3e63f59b.png">

## ダウンロードした仮想マシンを Virtualbox に設定する
ダウンロードした仮想マシンの圧縮ファイルを解凍して、「MSEdge - Win10.ovf」を実行。
<img width="523" alt="20191005122216.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/138647/8b5896fc-b74a-58d7-f8e4-8d5cf4f0c3f3.png">


実行すると下の画面が表示されるので、必要な設定を変更してインポート。
<img width="600" alt="20191005122612.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/138647/46d67448-51ca-727c-4035-589c1bfa21b4.png">


インストールが完了すると、VirtualBox に仮想マシンが表示されます。


## 仮想マシンを起動する
仮想マシンを起動してログインする時にPWの入力が求められます。
<img width="600" alt="20191005125009.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/138647/44e1a38b-fec8-6644-03ad-e3f3fde4409b.png">
デフォルトのPWは、`Passw0rd!` です。
<img width="600" alt="20191005125433.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/138647/3e0a45e4-80ee-0307-9979-774e382068a2.png">

## 解像度の変更
初期状態では、解像度が小さくウィンドウをリサイズしても大きさが変わりません。  
解像度を変更する為には、下の画面で 「Guest Additions」のインストールをする必要がありますが、エラーが発生してしまいます。

<img width="600" alt="20191005132014.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/138647/c3104f08-720c-199d-c1a0-549a74e82fb1.png">

<img width="600" alt="20191005132418.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/138647/41cdad88-948d-9244-9222-df5dd81805f2.png">

エラーに記載されているように、仮想マシンに光学ドライブを設定します。
まずは、一度仮想マシンをシャットダウンします。

その後、光学ドライブを追加したい仮想マシンが選択されている状態で、設定 > ストレージ と画面を遷移して「コントローラー: IDE Controller」という文言の右側にあるアイコンをクリックします。

![テスト_-_ストレージ.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/138647/6654a4d0-b8fa-7002-ec85-c824bc1ca163.png)

クリックすると表示されるポップアップで「ディスクを選択」をクリックします。
その後、表示される下の画面で「VBoxGuestAddions.iso」を選んで「選択」をクリックします。

![スクリーンショット_2019_10_07_19_33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/138647/15440fd5-2cd1-224c-7d63-70a7e558a671.png)

改めて、仮想マシンを起動してこちらの画面から「Guest Additions」をインストールします。

<img width="600" alt="20191005132014.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/138647/c3104f08-720c-199d-c1a0-549a74e82fb1.png">

インストール後、面倒ですが再度仮想マシンを再起動するとウィンドウサイズに応じて解像度が変わるようになります。

## ホストOSのローカルホストに仮想マシンからアクセスする
仮想マシン上でコマンドプロンプトから`ipconfig`を叩いて、default gateway を確認します。
Widows OS の場合は、デフォルトで `10.0.2.2` になっているようです。
仮想マシンのブラウザで `https:10.0.2.2:ポート番号` とアクセスする事でホストOS側のローカルホストに接続できます。

## 参考記事
- [MacでVirtualBoxとWindowsイメージを使ってIEテストする](https://qiita.com/hein946/items/3a52b4b0cd9ded979bd4)
- [modern.ieでパスワードを聞かれた時](https://qiita.com/zakihaya/items/85c9e5a4a4fd95f8e6bb)
- [VirtualBox で解像度の調整： Guest Additions のインストールができない](https://x76789.hatenadiary.org/entry/20131002/1380664591)
- [https://superuser.com/questions/310697/connect-to-the-host-machine-from-a-virtualbox-guest-os/310745](https://superuser.com/questions/310697/connect-to-the-host-machine-from-a-virtualbox-guest-os/310745)