【エンジニア中級】MacbookにDockerを入れてNginxを動かしてみよう

こんにちは

エンジニアのhiroです。

今回は、MacbookにDockerを入れてNginxを動かすところまでを試してみたいと思います。

Dockerを入れることで環境構築が圧倒的に楽になります、docker初級者の方は是非覚えてみてください。

MacbookにDockerを入れてNginxを動かす方法

1. Dockerをインストールしよう
2. DockerHubからNginxを探そう
3. MacbookからDockerでNginxを起動

1.Dockerをインストールしよう

Dockerは、コンテナと呼ばれる、いわゆる箱を提供し、その中に自分の好きなミドルウェアを自由にインストールすることができます。

そんなDockerですが、まずはMacbookにインストールする必要があります。

DockerHubからダウンロードできます。

CPUが、IntelかAppleのチップかを調べて自分のMacbookに合うDockerをダウンロードします。

CPUについて調べるときは、リンゴマーク > このMacについてをクリックすることで調べられます。

プロセッサを確認しましょう(ほとんどの人はIntelになっているかと思います)

ダウンロードに成功すると、「Docker.dmg」があるはずなので、ダブルクリックして、dockerのアプリをアプリケーションのフォルダに移動しましょう。

Dockerのアプリケーションをダブルクリックして、Dockerを起動します。

上部のタブでdockerが動き出すはずです。

上記のアイコンは、起動中はチカチカ動きますが、起動を完了すると止まります。

無事Dockerが立ち上がったら、ターミナルを開きましょう。

(アプリケーション > ユーティリティ > ターミナル にあります。)

$ docker -v

Docker version 19.03.13, build 4484c46d9d

続いてdocker-composeも動くかを試しておきましょう

$ docker-compose -v

docker-compose version 1.27.4, build 40524192

どちらもバージョンが表示されていれば成功です!

2.DockerHubからNginxを探そう

Dockerを動かすためには、ミドルウェアをインストール済みのコンテナをダウンロードする必要があります。

Dockerhubでは、色々なコンテナが公開されているので、自分の必要なミドルウェア名などで検索するとほとんどの場合、見つかるかと思います。

では早速、Dockerhubから、nginxで検索してみましょう。

Nginxの公式から取得してみます。

見つからない場合は、こちらのリンクからアクセスしてみてください。

ページを開いて少し下の方を見ると、使い方が説明されてます。

これで、使い方が分かったので、最後はMacbookからダウンロードしてみましょう。

3.MacbookからDockerでNginxを起動

最後に、MacbookでDocker上Nginxを起動してみましょう。

今回は、初めてdockerを使う方を前提に、シンプルにコマンドだけでNginxを起動したいと思います。

dockerコマンドを実行します。(2で調べたnginxというコンテナ名を指定してます)

$ docker run -d -p 80:80 --name nginx-app nginx

Unable to find image 'nginx:latest' locally
latest: Pulling from library/nginx
f7ec5a41d630: Extracting [====>                                              ]  2.359MB/27.14MB
aa1efa14b3bf: Downloading [==============================================>    ]  24.89MB/26.58MB
b78b95af9b17: Download complete 
c7d6bca2b8dc: Download complete 
cf16cd8e71e0: Download complete 
0241c68333ef: Download complete 

ダウンロードが完了したら、Docker上でNginxが起動していることを確認しましょう。

$ docker ps

CONTAINER ID        IMAGE               COMMAND                  CREATED             STATUS              PORTS                NAMES
42b07a994ec9        nginx               "/docker-entrypoint.…"   15 seconds ago      Up 14 seconds       0.0.0.0:80->80/tcp   nginx-app

nginx-appという名前でnginxが動いていれば成功です。

ブラウザを立ち上げて、http://localhost を開いてみましょう。

nginxのページが表示されているかと思います。

===============

以上、MacbookにDockerを入れてNginxを動かす方法について解説してみました。

この情報が皆さんの人生のお役に立てれば幸いです。

エンジニアとして日本のITリテラシーを高めていきたいと共感して頂いた人は、是非このブログの拡散とyoutubeの方も見ていただけると嬉しいです。

記事を最後まで見ていただきありがとうございました。

執筆者: hiroエンジニア