【自分用メモ】Docker Desktop for Windowsのボタン(GUI)操作について

#目的
今回はDocker Desktop for Windowsで作ったコンテナのshellにボタン操作で接続し操作する方法になります。
dockerfileに記述したりする以前にDocker Desktop for Windowsの操作感に慣れるのが狙いです。

Dockerのバージョンは以下になります。
![WS000767.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/78ff937a-4af9-bc08-feaa-0ae220d416b2.jpeg)

Docker Desktop for Windowsの画面を見てみましょう。
![WS000730.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/f85c21e7-5adf-1bc2-82d9-53c8b4a3b6e1.jpeg)

黒い帯にgetting-startedのコマンドが表示されただけの状態です。
Dドライブに[Hyper-Vの設定の変更](https://ittrip.xyz/soft/windows/hyper-v-change-path)をしているため、若干動きが違うかもしれません。またCドライブでは右側にpowershellの画面が出たはずですが、getting-startedの操作は実施済なので、出てきていないのかもしれません。
#「Containers/Apps」画面、「Images」画面の違い
左端を見ると、「Container/Apps」という項目と「Images」という項目があります。「Container/Apps」が選択されている状態なので、「Images」を選択してみます。
![WS000731.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/c1e9cf5f-806a-b12c-2f01-67e2263d26a8.jpeg)

今はローカルに何もコンテナがない状態です。

上部にLOCAL という項目と「REMOTE REPOSITORIES」という項目があります。

REMOTE REPOSITORIES側はDocker HubにPushしたものなりますが、何もpushしてないので、こちらにも何も表示されません。
![WS000748.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/f380aa4c-9f04-00d9-6228-ffb600ee13dc.jpeg)

では、左端の「Container/Apps」を選択し、黒い帯にあるgetting-startedのコマンドをコマンドプロンプトで打ってみたいと思います。
![WS000736.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/9f0125ca-bb0f-a802-55a2-47cfc23896e3.jpeg)

```cmd.exe
> docker run -d -p 80:80 docker/getting-started
Unable to find image 'docker/getting-started:latest' locally
latest: Pulling from docker/getting-started
cbdbe7a5bc2a: Pull complete
85434292d1cb: Pull complete
75fcb1e58684: Pull complete
2a8fe5451faf: Pull complete
42ceeab04dd4: Pull complete
bdd639f50516: Pull complete
c446f16e1123: Pull complete
Digest: sha256:79d5eae6e7b1dec2e911923e463240984dad111a620d5628a5b95e036438b2df
Status: Downloaded newer image for docker/getting-started:latest
42f186b5894caa251bce39742538520666187ae9e27bb5a01855538c2f992d5c
```

最初は下記の画面が出るかもしれません。「アクセスを許可する」を押します。
![WS000738.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/ea46327a-f7a3-b6fb-29d9-7b6aa17e78ff.jpeg)

docker pullして、80番ポートでdocker runした状態ですね。

Docker Desktop画面を見てみましょう。
「Containers/Apps」に追加されたコンテナが表示されました。
![WS000740.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/ef4e074e-3d0e-4bdf-7502-a2148b9c2f21.jpeg)
#Constainers/Appsで表示されたコンテナの右側のボタン操作
右側にカーソルを持ってくると、アイコンが並んでいます。
一つ一つアイコンにカーソルを持っていきたいと思います。
![WS000741.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/d5e8f124-de6c-d39a-aa41-fa9f6344665c.jpeg)
「OPEN IN BROWSER」を押すと、今docker runしているこのコンテナのWebページが表示されます。

![WS000742.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/6bd89d09-7dc4-07d5-47f1-9ca18253ed39.jpeg)
「CLI」を押すと、今docker runしているこのコンテナのshellに接続ができます。Linuxのコマンドが効く状態です。
開いた画面の上の方を確認すると、どんなコマンドでコンテナに接続しているか確認できます。
![WS000750.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/90148a5b-c6aa-e813-0f87-b6fdc83964ee.jpeg)
![WS000750_1.jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/a6e11014-ad3d-a4d1-5f32-60e776309c3b.jpeg)
「STOP」を押すと、このコンテナを停止できます。
![WS000743.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/293fcf64-f6d5-3109-c36c-58e8f07432f6.jpeg)
「RESTART」を押すと、このコンテナを再起動させます。
![WS000744.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/ded8a085-ec67-76c4-2f88-1db62c36b1fa.jpeg)
「DELETE」を押すと、このコンテナをローカルから削除できます。
![WS000745.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/781c70e9-0b25-1aa8-0a5b-85ccf25f045e.jpeg)
「Containers/Apps」側を一通り確認してきました。
#Images画面
「Images」側の画面を確認していきたいと思います。
今起動していたコンテナのイメージが表示されます。
![WS000753.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/1a8137fa-1df3-4f10-8c49-1212103d9151.jpeg)
「IN USE」という表示は一度でも起動したことがあるコンテナの場合は表示されるようです。

右側に「RUN」というアイコンがあります。これは今表示されているイメージからコンテナを起動させるボタンになります。

（「RUN」の横に別のボタンがありますが、また機会があれば記事にさせて頂ければと思います。）

ボタンを押すと、getting-startedのコンテナがもう一つ作成、起動されます。
「RUN」ボタンを押すと、「New Container」と画面が表示されます。
「Opthonal Settings」をクリックして、各々設定することもできるようです。
![WS000754.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/47b69cb8-0805-3959-4fb1-2898766a3b87.jpeg)
![WS000755.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/02cb0be9-5988-e716-4ba6-efa93c87d2eb.jpeg)
![WS000756.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/d78d9ac4-c7a6-cb31-e714-50e606623eae.jpeg)
#docker pull
ではCentOSのコンテナをdocker pullしたいと思います。

```cmd.exe
> docker pull centos:latest
latest: Pulling from library/centos
3c72a8ed6814: Pull complete
Digest: sha256:76d24f3ba3317fa945743bb3746fbaf3a0b752f10b10376960de01da70685fbd
Status: Downloaded newer image for centos:latest
docker.io/library/centos:latest
```

docker pull しただけではイメージをローカルに持ってきただけなので、「Containers/Apps」には表示されないようです。
![WS000763.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/b2e23441-8ebe-1755-fe97-6a3d2808e63f.jpeg)
「Images」画面を確認します。
![WS000776.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/7a45b036-b1cf-14c2-6c3e-259e0f19c4aa.jpeg)
docker pull してきたCentOSのdockerコンテナのイメージが表示されます。
右側にカーソルを持ってきて、「RUN」ボタンを押します。
![WS000765.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/0db85a35-b584-7a37-9536-55628cad3c14.jpeg)
「New Container」と表示されるので、「RUN」ボタンを押せばコンテナを起動できます。
![WS000770.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/e6dd7523-c112-950f-d60a-ad1da00ba63c.jpeg)
![WS000777.JPG](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/80258/167d8245-081c-e236-974e-d0b416190ea5.jpeg)