異なるDevContainer上で起動されたAPIとフロントエンドの疎通

バックエンド（FastAPI）とフロントエンド（Next.js）をそれぞれ異なるDevContainer上で開発している。

それぞれのテストサーバーをDevContainer上で起動した場合に、バックエンドとフロントエンド間で疎通するには、お互いのホストにhttp://host.docker.internalを指定する。

http://localhost:3000などと指定すると、DevContainer上ではlocalhostはホストマシンではなくコンテナ自身を指すので、バックエンドとフロントエンドが相互に疎通できない。

そこで、お互いのホストをhttp://host.docker.internal:8000とhttp://host.docker.internal:3000のように指定すれば、DevContainerの設定で特殊なポート解放の設定をしたり、アプリサーバのみDevContainer外で起動したりする必要がなくなる。