今までスマホ特に iOS のデザイン崩れを修正するとき、PC の Chrome DevTools では iOS と異なる場合がしばしばありました。そのとき、いつも修正する都度 dev 環境にデプロイして直っているか確認していました。

どうやら、ローカルネットワークではそのままローカル環境にアクセスできるらしい。

プライベート IP アドレスの確認（Windows の場合を例として）

会社の wifi につなげて、ipconfig をターミナルでたたくと、

Windows IP Configuration


Ethernet adapter イーサネット:

   Media State . . . . . . . . . . . : Media disconnected
   Connection-specific DNS Suffix  . :

Ethernet adapter vEthernet (Default Switch):

   Connection-specific DNS Suffix  . :
   Link-local IPv6 Address . . . . . : fe80::47b:5a37:cd4c:dd0f%46
   IPv4 Address. . . . . . . . . . . : 172.18.208.1
   Subnet Mask . . . . . . . . . . . : 255.255.240.0
   Default Gateway . . . . . . . . . :

Wireless LAN adapter ローカル エリア接続* 13:

   Media State . . . . . . . . . . . : Media disconnected
   Connection-specific DNS Suffix  . :

Wireless LAN adapter ローカル エリア接続* 14:

   Media State . . . . . . . . . . . : Media disconnected
   Connection-specific DNS Suffix  . :

Wireless LAN adapter Wi-Fi:

   Connection-specific DNS Suffix  . :
   Link-local IPv6 Address . . . . . : fe80::9c91:c207:e10f:9728%5
   IPv4 Address. . . . . . . . . . . : 192.168.123.***
   Subnet Mask . . . . . . . . . . . : 255.255.252.0
   Default Gateway . . . . . . . . . : 192.168.120.2

上から、 Ethernet adapter イーサネットは有線 LAN を使っていないので disconnected、 Ethernet adapter vEthernet (Default Switch) は docker ネットワークの IP 情報が書かれていて、

Wireless LAN adapter Wi-Fi の IPv4 Address で自分の PC に割り振られているプライベート IP を知ることができる。

docker network の確認

`docker network ls` でローカル環境のネットワークが bridge になっていることを確認

NETWORK ID     NAME                                   DRIVER    SCOPE
327eda0f62e7   bridge                                 bridge    local
7938cf19892e   host                                   host      local
82b0c5c47ee7   none                                   null      local
5e6a9b52f498   my_container_default                   bridge    local

docker-compose は設定を書かなくとも自動で bridge となるネットワークを生成します。

ファイアウォールを一時無効化

ファイアウォールによって外部からのアクセスが拒否されるので無効化する。

別マシーンやモバイルデバイスに PC と同じ wifi をつなげる

アクセスさせたいデバイスを同一ネットワークに入れる。

ローカル環境にアクセス

今回の場合、

http://192.168.123.***:<dockerで設定した各serviceのport番号>

でスマホでも別マシーンでもアクセスできます。

最後に

ファイアウォールを無効にした場合、社内 wifi のルーターが最後の砦ですので、wifi のパスワードを漏洩しないようにしましょう。