MAC環境でVirtualBox+Vagrant+DockerでReact開発環境を作る╰(°ㅂ°)╯ - Qiita

#stayhomeの時間を活用して、「仮想環境」とか「コンテナ開発」とかに慣れ親しもうという魂胆です。作業を進める上でよくわからなかった点など、周辺情報を個人的な備忘録として残します。 ゴール 作ったり壊せたり自由にできる開発環境を立ち上げられるようになること。React.jsの勉強を始める予定なので、React.jsの雛形アプリをブラウザで表示させるところまでをゴールとする。 作業の流れ ステップが多く、私のような初学者は、わからない部分を調べている間に迷子になることもしばしば。一つ一つの動作確認をしながら作業を進めていきます。 【前半戦：ホストOS側での作業】 事前準備 vagrantプラグインの導入確認 VMの設定 vagrant初期化 Vagrantfileの編集 dockerとdocker-composeの導入 Dockerfileの作成 docker-compose.ymlの作