こんにちは。webなみ屋の宮﨑です。
私の作業環境はMacなのですがどうしてもWindowsと違う部分が出てくるので、特にフロント周りはWindowsでの動作確認が必須です。
そこでVirtualBoxを使って仮想環境を作っているのですが、そのままでは開発中のlocalhostの動作を確認することができないので、localhostに繋げる設定をご紹介します。
環境
VirtualBox7.0
Windows10 (古くてすみません…)
macOS Sonoma 14.3.1
設定
流れとしては以下の様になります。
- VirtualBoxの設定
- MacのIPアドレス確認
- Windowsを起動してIPアドレス:3000に接続
VirtualBoxの設定
対象のVMを選択し、設定→ネットワーク→高度→ポートフォワーディングとクリックしていきます。
ポートフォワーディングをクリックするとポップアップが出てきますので、右側緑の追加ボタンをクリックして以下の設定を追加してください。（名前は任意のもので大丈夫です）
- プロトコル： TCP
- ホストポート： 3000
- ゲストポート： 3000
MacのIPアドレスを確認
IPアドレスは、リンゴマーク→システム設定→ネットワーク→Wi-Fi（現在接続しているもの）→接続済みのWi-Fiの右側に詳細ボタンがありますので、そこをクリックするとポップアップが表示されるので、そこに記載があります。
Windowsを起動してIPアドレス:3000に接続
VirtualBosの先ほど設定したWindowsを起動し、edgeを立ち上げたらlocalhostにアクセスします。
http://2で調べたIPアドレス:3000
まとめ
結構色々調べて試しましたがうまくいかず、最終的にChatGPTを頼ったら一発でした…AIすごい。
多分調べた中に正解があったと思いますが、それを処理して必要事項をピックアップする私の頭が足りなかったのでしょう。AIに自分の状況を伝えて解決策を聞くと、しっかりと私に合った答えを返してくれるのでありがたいですね。
コメント