1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Dockerのインストール(Mac編)

Posted at

 この記事では、MacにDockerの開発環境を構築する手順を説明していきます。

 Windowsの環境構築は以下をご参照ください。

■ Docker Desktopのインストール

 MacにDocker Desktopをインストールするのは簡単です。Docker Desktopをダウンロードして、インストーラーを実行するだけだからです。

 Docker Desktopをインストールする前に、PCのCPU(IntelまたはApple Silicon)を確認します。左上のMacのアイコンをクリック > このMacについてをクリックします。そして、表示されたプロセッサを確認します。
2章-CPU確認方法.png
 ※上記のように表示された場合、IntelのCPUになります。

 次に、Docker Desktopをインストールします。ブラウザから「docker desktop」と検索してください。Docker Desktopのページのリンクをクリックします。
2章-Docker_Desktop検索.png

 ページの中央あたりにダウンロードボタンがあります。お使いのCPUのインストーラーをクリックします。
2章-Docker_Desktopダウンロード画面-Mac.png

 ダウンロードしてきたインストーラーを実行します。Docker.appをApplicationsにドラッグ&ドロップします。
2章-Docker_Desktopインストーラー-Mac.png

 Finderを開いて、アプリケーションからDocker.appを開きます。
2章-Finder-Docker.png

 利用規約に同意します。
2章-Docker_Desktop起動(規約画面).png

 下記のような画面が表示された場合、"Use recommended settings (requires password)"を選択した状態でFinishをクリックします。
2章-Docker_Desktop起動(インストール完了画面)-mac.png

 Dockerのログイン画面が表示されます。ログインしなくても問題ないので、Skipします。

※既にDockerのアカウントをお持ちであれば、そのアカウントでログインしても問題ありません。
2章-Docker_Desktop起動(ログイン画面).png

 アンケートの入力を求められます。ここもSkipします。
2章-Docker_Desktop起動(アンケート入力画面).png

 Docker Desktopが起動されます。左下に"Engine running"と表示されれば、Dockerが使える状態になります。"Engine running"と表示されるまで、しばらく時間がかかる場合があります。
2章-Docker_Desktop起動完了.png

 次に、Dockerが正常に動作するか確認します。ターミナルを開き、以下のコマンドを実行してください。バージョンが表示されれば、Dockerがインストールできています。

コマンド
$ docker --version
実行結果
Docker version 27.5.1, build 9f9e405

 これで、Docker Desktopをインストールできました。

注意点:Docker Desktopを起動していないとDockerは使えない
 ここで1つだけ注意があります。それは、Docker Desktopを起動しておかなれば、Dockerを使えないということです。PCをシャットダウンなどした場合、再度Docker Desktopを起動してください。

■ 作業用ディレクトリの作成

今後の作業、および説明のために、所定の場所にディレクトリを作成してください。以下のディレクトリを作成します。
【作成するディレクトリ】

(ユーザーディレクトリ)/work/docker 

 Finderの左メニューから、ユーザーを選択 > workディレクトリを作成 > work/dockerディレクトリを作成
2章-作業用ディレクトリの作成-mac.png

■ VSCodeのインストールと日本語化

 次に、VSCodeをインストールします。VSCodeは、Dockerを扱うのに便利なエディタです。

 まずはVSCodeをダウンロードします。ブラウザから「vscode ダウンロード」などと検索します。インストーラーのダウンロード画面のリンクを開きます。
2章-VSCodeダウンロード画面の検索.png

 Mac用のインストーラーを選択します。
2章-VSCodeダウンロード画面.png

 Finder上で、ダウンロードしてきたzipファイルをダブルクリックして解凍します。解凍するとVSCodeのappファイルができます。そのファイルをアプリケーションにドラッグ&ドロップします。
2章-VSCodeアプリケーションにドラッグ&ドロップ.png

 その後、アプリケーションからVSCodeを開いてください。もしも、VSCodeが日本語化されていない場合は、以下の操作を実行して日本語化します。

 拡張機能 > 検索蘭に"japanese"と入力 > Japanese Packを選択 > Installをクリック
2章-VSCode日本語化.png

 設定変更を反映するために、VSCodeを再起動します。
2章-VSCode再起動.png

 次に、作業用のディレクトリをVSCodeから開きます。メニューの「ファイル」 > 「フォルダーを開く」をクリックします。
2章-フォルダーを開く-mac.png

 ディレクトリの選択画面が表示されます。ここで、先ほど作成した作業用ディレクトリを選択します。
2章-ディレクトリ選択画面-mac.png

 これで、VSCodeから作業用ディレクトリ上を開けました。次に、VSCodeのターミナルを開きます。

 メニューの「ターミナル」 > 「新しいターミナル」をクリックします。画面の下部にターミナルが表示されます。
2章-VSCodeのターミナル-mac.png
2章-VSCodeのターミナル.png

 このターミナル上で、コマンドを入力していくことができます。Docker Desktopが起動している状態で、以下のコマンドを実行してください。

コマンド
$ docker --version

 実行結果として、Dockerのバージョンが表示されれば、設定完了です。

■ Docker拡張機能の追加

 次に、VSCodeのDocker拡張機能をインストールしましょう。

 左のアイコン一覧から「拡張機能」 > 検索欄に"docker"と入力 > Dockerの拡張機能をインストール
2章-Docker拡張機能の追加.png

■ VSCodeのオススメ設定

 VSCodeのデフォルト設定では、ファイルを選択すると、同じタブでファイルを開きます。つまり、今まで開いていたファイルが自動的に閉じられてしまいます。この設定では、複数のファイルを扱うことが大変になります。そのため、ファイルを選択すると、常に新しいタブで開くように設定します。

 左下にある歯車のアイコンをクリック > 設定をクリックします。
2章-VSCodeの設定画面を開く-mac.png

 検索欄に"Enable preview"と入力 > Workbench/EditorのEnable Previewをチェック
2章-Enable_Previewの有効化.png

 これでMacでの環境構築は完了です。


 投稿のやる気につながるため、記事の内容が少しでも良いと思ったら、いいねやフォローしてくださいね。

 なお、続きが気になる方は以下の書籍で全文を掲載しています。

1
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?