Docker
テキストの概要
このテキストでは、Dockerのインストール、使い方の注意点を説明していきます。
Dockerは簡単にいうとPCの中に仮想PCを作ってくれるため、OSやすでにインストールされているツールの前提条件が揃います。
そのため、railsのインストールがこちらのPCでは成功して、あちらのPCでは失敗したということが起きない様になり、スムーズに環境構築ができます。
テキストのゴール
- Dockerがインストールできている
- VSCodeがインストールできている
- VSCodeのDocker拡張機能がインストールできている
- VSCodeからDockerを起動し、Webアプリ制作を進めることができる
- Dockerの停止方法が理解できている
必要物のインストール
- Docker Desktop for Windows/Mac.からDockerをインストール
- Visual Studio Codeをインストール
- VSCode内でDockerを起動できる拡張機能Remote Development extension packをインストール
各種ツールのインストール手順を参考にインストールください。
railsチュートリアル用のDockerをGithubでダウンロード
railsチュートリアル用のDockerリポジトリにアクセスします。
「Use This Template」から、「Create a new repository」をクリックします。
![](https://minimariches.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-23-8.32.43-1024x455.png)
リポジトリ名を適切につけ、「Private」に変更して、作成します。
![](https://minimariches.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-23-8.36.01.png)
「Code」をクリックし、「Open with Github Desktop」をクリックします。
![](https://minimariches.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-23-8.39.36.png)
リポジトリのクローンの画面になりますので、置き場所を決めて、「Clone」をクリックします。
![](https://minimariches.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-23-8.41.22.png)
クローンしたリポジトリをVSCodeで開き、「Docker」ファイルを開きましょう。
そして、記載されているrailsのバージョンを今読んでいるrailsチュートリアルのテキストに合わせます。
![](https://minimariches.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-23-8.47.26-1024x766.png)
![](https://minimariches.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-23-8.51.07-1024x766.png)
VSCodeからDockerに接続するため、左下の青いボタンをクリックし、「コンテナーで再度開く」をクリックします。
![](https://minimariches.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-23-8.55.05-1024x766.png)
VSCodeのターミナルの表示が以下の様になっていたらOKです。
![](https://minimariches.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-23-8.58.45-1024x793.png)
ここまでできたら、railsチュートリアルの3章のリスト1.4から進められる様になっています。
![](https://minimariches.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-23-9.52.22.png)
Dockerの停止について
Dockerは冒頭でも少しお伝えした通り、PCの中に仮想PCを作り上げる様なツールです。
起動している間は常にCPUやメモリの一部を占有されてしまうことになります。
そのため、必要ないときは終了しておくことをお勧めします。
VSCodeを終了するだけではDockerへの接続が切れるだけで、Dockerは起動されたままになりますので、Docker Desktopから終了してください。
![](https://minimariches.com/wp-content/uploads/2024/03/スクリーンショット-2024-03-23-20.33.06-1024x616.png)
テキストのゴールのチェック
- Dockerがインストールできている
- VSCodeがインストールできている
- VSCodeのDocker拡張機能がインストールできている
- VSCodeからDockerを起動し、Webアプリ制作を進めることができる
- Dockerの停止方法が理解できている
ゴールが達成できたか確認し、不明点があれば質問フォームから質問をお願いします。