VSCodeのDocker（拡張機能）のタブで表示されるイメージ名やコンテナ名などの指定

つまづいた点

VSCodeのCONTAINERSやIMAGESに表示される名称を、自分の思うような名称にしたかったが、うまくできなかった。
下図の赤枠に表示される名称のことです。

ディレクトリ

デスクトップにproject-nameというフォルダを作成し、そこにDockerfile、docker-compose.ymlを配置。

oono:~/Desktop/project-name
$ tree
.
├── Dockerfile
└── docker-compose.yml

Dockerfile

FROM rdeleo/centos7-php7.4-cli:latest

イメージを指定しているだけ。

docker-compose.yml

version: "3"

services:
  app:
    build: ./
    # イメージ名を指定
    image: my-image-name
    # コンテナ名を指定
    container_name: my-container-name
    ports:
      - "80:80"
    stdin_open: true

imageでイメージ名を指定。
container_nameでコンテナ名を指定。

よくわかってなかったですが、imageには指定名称が入るんですね。
プルするイメージの指定かと思っていました。
（buildの記載があるときはimageでイメージ名の指定になる？）

ビルドとコンテナ起動

$ docker-compose up --build

下図のようにdocker-compose.ymlで指定したイメージ名とコンテナ名が表示される。

CONTAINERSの表示については変更ができるみたいです。
コンテナ名がわかりやすく表示したかったので、
Docker拡張機能の設定＞Containers: Label
をContainerNameに設定しています。
たぶん標準はプロジェクト名（作業フォルダ名）になっているかと思います。

んでプロジェクト名って作業フォルダのフォルダ名なので、Dockerfileとかで指定するのかなって思っていろいろ調べてたけど時間の無駄だったという話でした！！

設定箇所としては下図を参考にしてください。