
Windows 11 に Docker 環境を構築するのでその手順をメモ。
Windows 10 も同様の手順です。

**Docker Desktop on Windows**と**WSL2**で Docker 環境を作ります。
新しい Windows 11 ですのでどちらもこれからインストールしていきます。

[Install Docker Desktop on Windows](https://docs.docker.com/desktop/windows/install/)の通りに作っていきます。

## Contents

## おおまかな手順

ちょっと長くなるのでここで大まかな手順をまとめておきます。

1. [システム要件](https://docs.docker.com/desktop/windows/install/#system-requirements)を確認する
2. [WSL2 を導入する](https://docs.microsoft.com/en-us/windows/wsl/install)
3. [Docker Desktop on Windows を導入する](https://docs.docker.com/desktop/windows/install/)

リンクは Docker と Microsoft 公式の手順です。

また、[docker-compose](https://docs.docker.jp/compose/index.html)は Docker Desktop on Windows に含まれています。

## 1. システム要件を確認する

### 環境

今回利用する OS とバージョンです。

- Windows 11
  - Home バージョン 21H2
  - OS ビルド　 22000.318
  - 64bit

### Docker Desktop on Windows のシステム要件

Docker Desktop on Windows は**WSL2**または**Hyper-V**を必要とします。

今回利用するのは Windows の Home 版ですので WSL2 を必要とします。
Pro 版では Hyper-V と WSL2 のどちらでも利用できます。

以下、Home 版と WSL2 で進めます。

### Docker Desktop on Windows のシステム要件（Home 版）

- Windows 11 64-bit: Home version 21H2 or higher
- Windows 10 64-bit: Home 2004 (build 19041) or higher,
- WSL2 の機能を有効にしていること

バージョンが足りていなければ OS のアップデートが必要です。

### WSL2 のシステム要件（Home 版）

- [第 2 レベルのアドレス変換（SLAT）](https://en.wikipedia.org/wiki/Second_Level_Address_Translation)を備えた 64 ビットプロセッサ
- 4GB システム RAM
- BIOS レベルのハードウェア仮想化サポート
- [Linux カーネル更新プログラム パッケージをダウンロードすること](https://docs.microsoft.com/ja-jp/windows/wsl/install-manual#step-4---download-the-linux-kernel-update-package)

SLAT はよくわからない。
WSL2 に関してはインストールしてみれば可能かわかる。

## 2. WSL2 をインストールする

<https://docs.microsoft.com/en-us/windows/wsl/install>

管理者権限で PowerShell を開いて次のコマンドを実行する。
**Linux OS のインストールや WSL2 の設定、Linux カーネルのアップデートなど必要なすべてはこのコマンドで完了します**。

インストールされるは`Ubuntu 20.04 LTS`でした。
変更する場合はディストリビューションを指定してください。

```bash:管理者権限のPowerShell
# WSLとOSのインストール
> wsl --install

# インストールするディストリビューションを変更したい場合
> wsl --install -d <Distribution Name>
```

コマンドが完了したら PC を再起動する。
起動すると WSL が立ち上がりユーザ名とパスワードを入力してインストール完了です。

▼ 初回起動した WSL
![picture 1](/images/posts/337-windows11-docker-desktop-wsl2/1636983087058.png)

Ubuntu のバージョンは 20.04 LTS でした。

```bash
# WSLのバージョン確認
> wsl --list --verbose
  NAME      STATE           VERSION
* Ubuntu    Stopped         2
```

以上で WSL2 が有効になっており Ubuntu がインストールできました。
[以前](https://docs.microsoft.com/en-us/windows/wsl/install-manual)と比べるとめっちゃ簡潔になってた！

### WSL のディストリビューション

上のコマンドでインストールすると、デフォルトのディストリビューションは Ubuntu です。
インストールできるディストリビューションの確認と、インストールするディストリビューションを変更するコマンドは、次のように入力します。

```bash
# インストールできるディストリビューションの確認
> wsl --list --online
インストールできる有効なディストリビューションの一覧を次に示します。
既定の分布は ' * ' で表されます。
 'wsl --install -d <Distro>'を使用してインストールします。

  NAME            FRIENDLY NAME
* Ubuntu          Ubuntu
  Debian          Debian GNU/Linux
  kali-linux      Kali Linux Rolling
  openSUSE-42     openSUSE Leap 42
  SLES-12         SUSE Linux Enterprise Server v12
  Ubuntu-16.04    Ubuntu 16.04 LTS
  Ubuntu-18.04    Ubuntu 18.04 LTS
  Ubuntu-20.04    Ubuntu 20.04 LTS

# インストールするディストリビューションを変更
> wsl --install -d <Distribution Name>
```

Ubuntu 　がインストールされました。
デフォルトの Ubuntu は最新のものっぽいです。

## 3. Docker Desktop on Windows を導入する

続いて Docker Desktop on Windows を導入していきます。

[Install Docker Desktop on Windows](https://docs.docker.com/desktop/windows/install/)に戻ってこのボタンからインストーラーをダウンロードする。

![picture 1](/images/posts/337-windows11-docker-desktop-wsl2/1637065266463.png)

[この段落](https://docs.docker.com/desktop/windows/install/#install-docker-desktop-on-windows)の手順を進める。

### Docker Desktop on Windows をインストールする

1. Docker Desktop Installer.exe をダブルクリックしてインストーラーを起動する。
2. **Install required Windows components for WSL 2**のオプションをチェックしてインストールを進める。

![picture 2](/images/posts/337-windows11-docker-desktop-wsl2/1637065417253.png)

3. インストールが成功したら、close をクリックしてインストールプロセスを完了します。一旦ログアウトする。
   ![picture 3](/images/posts/337-windows11-docker-desktop-wsl2/1637065589940.png)

4. ログインすると承認画面が出てるので Accept で Docker Desktop が無事起動します。
   ![picture 1](/images/posts/337-windows11-docker-desktop-wsl2/1637065859482.png)

あとは、チュートリアルもあるので Docker 使えるよね？って確認してみてください。

![picture 2](/images/posts/337-windows11-docker-desktop-wsl2/1637066013088.png)

以上


WSL2とDocker Desktop on WindowsでDocker環境を構築する


DockerでたてたCentos7のコンテナでsystemctlが実行できなかった。
```bash
# systmctl start httpd
Failed to get D-Bus connection: Operation not permitted
```

どうやらsystemctlを実行する権限がないようです。
docker-compose.ymlの設定で解決します。

## 解決方法: privilegedを有効にする、 /sbin/initを起動する

- **privileged**で権限を有効にする
- **/sbin/init**から起動する
以上の二つを行うと`systemctl`が実行できるようになります。

### docker-compose.yml と Dockerfile

```yml:docker-compose.yml
version: "3"

services:
  dcloud:
    build: ./
    ports:
      - "8080:80"
    # 権限の有効化
    privileged: true
```

```conf:Dockerfile
FROM centos:7
ENV container docker
RUN (cd /lib/systemd/system/sysinit.target.wants/; for i in *; do [ $i == \
  systemd-tmpfiles-setup.service ] || rm -f $i; done); \
  rm -f /lib/systemd/system/multi-user.target.wants/*;\
  rm -f /etc/systemd/system/*.wants/*;\
  rm -f /lib/systemd/system/local-fs.target.wants/*; \
  rm -f /lib/systemd/system/sockets.target.wants/*udev*; \
  rm -f /lib/systemd/system/sockets.target.wants/*initctl*; \
  rm -f /lib/systemd/system/basic.target.wants/*;\
  rm -f /lib/systemd/system/anaconda.target.wants/*;
VOLUME [ "/sys/fs/cgroup" ]

# /sbin/initから起動する
CMD ["/usr/sbin/init"]
```

以上の設定で`systemctl`が利用できるcentos7のコンテナが作成できました。

Dockerfileの設定は[DockerhubにあるCentOSのofficial build](https://hub.docker.com/_/centos#:~:text=reinstall%20your%20package.-,Systemd%20integration,-Systemd%20is%20now)と同じです。


**/sbin/init**は`docker-compose.yml`で設定してもよさそう。

```yml:docker-compose.yml
version: "3"

services:
  dcloud:
    build: ./
    ports:
      - "8080:80"
    # 権限の有効化
    privileged: true
    command: /sbin/init ## これ
```

## DockerをVMのように利用する

Dockerコンテナは1コンテナで 1プロセスを起動するような設計方針であるため、httpdプロセスのみを起動する方が一般的です。

今回のようにDockerをVMっぽく利用する際には `/sbin/init`

## 参考

- [『Failed to get D-Bus connection: Operation not permitted』で、CentOS 7のdockerでPostgreSQLの起動が失敗した件 - このすみ技術ろぐ](https://www.konosumi.net/entry/2020/09/13/172637)
- [Docker-composeでCentOS7のコンテナを立ち上げてhttpdサービスを起動してみた](https://aimstogeek.hatenablog.com/entry/2017/03/17/195706)

Centos7のdockerコンテナでsystemctlが「Failed to get D-Bus connection Operation not permitted」となるのを回避するdocker-compose.ymlの設定


PCを一新したのでDocker Desktopをインストールしたいがその前に、Docker Desktopの有料化が発表されたニュースが賑わっていました。
自分も有料化の対象かどうか確認しておく。

---
2021/11/16 追記

WindowsでのDocker環境の構築方法は次の記事にまとめました。

[WSL2とDocker Desktop on WindowsでDocker環境を構築する](https://www.suzu6.net/posts/337-windows11-docker-desktop-wsl2)

---

## 有料化の影響

2021年8月31日にDocker Desktopが有料化が発表されました。

<blockquote class="twitter-tweet"><p lang="en" dir="ltr">We&#39;re updating and extending our product subscriptions! New subscription tiers include Personal, Pro, Team, and Business. Details here: <a href="https://t.co/pyDetDKGjC">https://t.co/pyDetDKGjC</a> <a href="https://twitter.com/hashtag/Docker?src=hash&amp;ref_src=twsrc%5Etfw">#Docker</a> <a href="https://twitter.com/hashtag/Subscriptions?src=hash&amp;ref_src=twsrc%5Etfw">#Subscriptions</a> <a href="https://t.co/Or8l6YoIUO">pic.twitter.com/Or8l6YoIUO</a></p>&mdash; Docker (@Docker) <a href="https://twitter.com/Docker/status/1432739340266913797?ref_src=twsrc%5Etfw">August 31, 2021</a></blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

[Docker is Updating and Extending Our Product Subscriptions - docker.com](https://www.docker.com/blog/updating-product-subscriptions/)

### 有料化の対象

有料化の対象は、引用の引用になってしまうがPublickeyの翻訳がわかりやすい。

> Docker Desktop remains free for small businesses (fewer than 250 employees AND less than $10 million in annual revenue), personal use, education, and non-commercial open source projects.
> 
> **Docker Desktopは、スモールビジネス（従業員数250名未満かつ年間売上高1000万ドル未満（訳注：1ドル110円換算で11億円））、個人利用、教育機関、非商用のオープンソースプロジェクトであれば、引き続き無料でご利用いただけます。**  
> [Docker Desktopが有料化へ、ただし250人未満 ... - Publickey](https://www.publickey1.jp/blog/21/docker_desktop250100011.html)

今の所属は従業員数40名くらいで売上も10億以下のベンチャーに勤めているため、有料化の対象ではないようだ。

記事によるとプロの開発者の55％が毎日職場でDockerを利用しており、開発者の急速な世界的成長（2030年までに推定4500万人）に対しても持続的にDcokerを無料で利用できるようしていくためとある。

ビジネスサブスクリプションでは大規模にDockerを利用している組織全体の管理とセキュリティを可能にします。
ローカルリソースと外部サービスへのアクセスを管理することやDocker開発環境を大規模に管理することを提供してくれる。

Dockerはとても便利で好きなシステムだから、有料化には賛成でもっと利用者を増やして行って発展して欲しい。

[Pricing & Subscriptions - docker.com](https://www.docker.com/pricing)

### 猶予期間

> While the effective date of these terms is August 31, 2021, there is a grace period until January 31, 2022 for those that require a paid subscription to use Docker Desktop.
> 
> [Deepl翻訳]  
> 本規約の発効日は2021年8月31日ですが、Docker Desktopの利用に有料サブスクリプションが必要な方には、2022年1月31日までの猶予期間が設けられています。  
> [Docker is Updating and Extending Our Product Subscriptions - docker.com](https://www.docker.com/blog/updating-product-subscriptions/)

有料化の対象であっても2022年1月31日までの猶予期間がありました。

## おわり

もし有料化の対象だったとしたら（代替も探すだろうが）お金を払っても使いたい。開発環境の構築はDockerが一番楽で切り替えやすい。
転職などで組織が変わったりProのサービスを使いたくなったらサブスクリプションする。

Docker Desktopの有料化が発表されたので対象かどうか確認した


ZabbixでNginxを監視する設定のテンプレートを追加しました。
その備忘録です。

## 環境

- CentOS 7
- Zabbix : v5.0
- nginx : v1.19.6

## 導入方法

https://www.zabbix.com/integrations/nginx




ZabbixがNginxを監視するための導入手順は３つあります。
- [Template App Nginx By HTTP](https://www.zabbix.com/integrations/nginx#tab:official1)  
  HTTP経由でリソースを取得する。
- [Template App Nginx By Zabbix Agent](https://www.zabbix.com/integrations/nginx#tab:official2)  
  ローカルのエージェントがメトリックを収集する。
- [3rd Party Solutions](https://www.zabbix.com/integrations/nginx#tab:3rd_party)  
  PHP-FPM 向けのものやメトリクスを拡張するモジュールを紹介しています。

上２つはZabbixエージェントがサーバの中か外かの違いだけで。
どちらもNginxのステータスを返すエンドポイントを設定します。


## モジュールの確認とNginxの設定

### ngx_http_stub_status_module

[Nginx Module ngx_http_stub_status_module](https://nginx.org/en/docs/http/ngx_http_stub_status_module.html)

`ngx_http_stub_status_module`モジュールは、基本的なステータス情報へのアクセスを提供します。
Zabbixエージェントはこれをメトリクスとして収集します。

▼ のコマンドで`ngx_http_stub_status_module`モジュールが利用可能か確認します。
```sh
$ nginx -V 2>&1 | grep -o with-http_stub_status_module
with-http_stub_status_module
```


▼次のステータス情報が提供されています。

| ステータス   | 概要                                                |
| ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------- |
| Active connections | 接続待ちを含むアクティブなクライアント接続の現在の数。 |
| accepts    | 受け入れられたクライアント接続の総数。                                    |
| handled    | 処理されたコネクションの総数。一般的にリソースの制限 (たとえば worker_connections の制限) に達していない限りパラメータの値は accepts と同じになります。 |
| requests     | クライアント要求の総数。                                          |
| Reading    | nginxがリクエストヘッダーを読み取っている現在の接続数。                               |
| Writing    | nginxがクライアントに応答を書き戻している現在の接続数。                               |
| Waiting    | 要求を待機しているアイドル状態のクライアント接続の現在の数。                              |

▼レスポンスの例
```bash
$ curl http://localhost/basic_status
Active connections: 11
server accepts handled requests
 47 47 160
Reading: 0 Writing: 1 Waiting: 10
```

### Nginxの設定

メトリックを収集するためのHTTPの設定をNginxのconfに追加します。
```bash:/etc/nginx/conf.d/default.conf
server {
  listen   80;
  server_name  localhost;

  location / {
    root /var/www/public;
    index  index.html index.htm;
  }

  # 追加したパス
  location /basic_status {
    stub_status;
    allow 127.0.0.1;
    allow ::1;
    deny all;
  }

  省略
}
```
ローカルホストから80ポートのアクセスに対してのみステータスを返します。
`127.0.0.1`と`::1`はどちらもローカルホストです。
どちらか片方を消しても同じです。

別のサーバからアクセスする場合は、`allow <IP of your Zabbix server/proxy>;`と変えてください。

▼ローカルからのアクセスはOK。  
```bash
$ curl http://localhost/basic_status
Active connections: 11
server accepts handled requests
 47 47 160
Reading: 0 Writing: 1 Waiting: 10
```

▼外からのアクセスは403になることを確認しました。  
![403](/images/posts/270/279/403.png)

## テンプレートについて

テンプレートの追加と項目について。

### テンプレートの追加
Zabbixの「設定」→「ホスト」からNginxのホストに対してテンプレートを追加します。
「新規テンプレートをリンク」からテンプレートを探して更新をする。

![template](/images/posts/270/279/template-nginx-agent.png)



ZabbixでNginxを監視する設定


Laravel向けのDocker開発環境を整えたので共有します。

本番でもDockerが使えるように色々試しているとこですので、自分が把握できた範囲の構成です。

[github](https://github.com/suzu6/docker-laravel-nginx-php-fpm-mysql)に置いときます。

## 目標とミドルウェアの構成

目標はDockerを立ち上げて直ぐにLaravelの開発ができるようにすること。composerとnodejsも一緒に用意します。

構成とバージョン。最新になるようにしています。
- php (php-fpm) 7.4.1
  - composer 1.10.13
  - nodejs v12.18.4
  - npm 6.14.6
- mysql 8.0 (5.7も可能)
  - パスワードなど初期設定をする。
- nginx 1.19.2
  - Laravel向けのconfを用意する。

### ホスト環境
今回の趣旨に関係ありませんが、ホストOSはWindows10です。

- Windows 10 Home バージョン2004(OSビルド 19041.508)
- WSL2 (Ubuntu 20.04.1 LTS)
- Docker version 19.03.13, build 4484c46d9d
- docker-compose version 1.27.4, build 40524192

WSL2が出てWindows HomeでもDockerが使えるようになりました。
インストール方法は[Microsoftの手順](https://docs.microsoft.com/en-us/windows/wsl/install-win10#install-your-linux-distribution-of-choice)を解説した[Qiita @KoKeCross](https://qiita.com/KoKeCross/items/a6365af2594a102a817b)の記事の通り進めて行けばOKです。

### ディレクトリ構成 
```dir
/project
├─ /docker    # コンテナ内のデータ保存先
|  ├─ /db
|  |  ├─ /data           # データベース保存先
|  |  ├─ /sql
|  |  └─ /my.conf        # mysqlの設定(今回は空ファイル)
|  ├─ /nginx
|  |  └─ /default.conf   # Nginxの設定
|  └─ /php
|     ├─ /Dockerfile     # phpコンテナの設定
|     └─ /php.ini        # phpの設定
├─ /web       # アプリケーションコード
└─ docker-compose.yml
```

#### docker-compose.yml
php, nginx, dbのコンテナを作ります。mysqlはdb。

```yml
version: '3'

volumes:
  vendor-store:
  node_modules-store:

services:
  php:
    container_name: php
    build: ./docker/php
    volumes:
    - ./web:/var/www
    - vendor-store:/var/www/laravel/vendor
    - node_modules-store:/var/www/laravel/node_modules
    environment:
      TZ: Asia/Tokyo

  nginx:
    image: nginx
    container_name: nginx
    ports:
    - 80:80
    volumes:
    - ./web:/var/www
    - ./docker/nginx/default.conf:/etc/nginx/conf.d/default.conf
    depends_on:
    - php

  db:
    image: mysql:8.0
    container_name: db
    environment:
      MYSQL_ROOT_PASSWORD: root
      MYSQL_DATABASE: database
      MYSQL_USER: docker
      MYSQL_PASSWORD: docker
      TZ: 'Asia/Tokyo'
    command: mysqld --character-set-server=utf8mb4 --collation-server=utf8mb4_unicode_ci
    volumes:
    - ./docker/db/data:/var/lib/mysql
    - ./docker/db/my.cnf:/etc/mysql/conf.d/my.cnf
    - ./docker/db/sql:/docker-entrypoint-initdb.d
    ports:
    - 3306:3306
```

**image**は[Docker-Hub](https://hub.docker.com/)にあるビルド済みイメージを指定している。
有名なミドルウェアは公式のものがあります。
phpコンテナはNodejsやcomposerをインストールするため、Dockerfileからビルドします。

**volumes**はホストとコンテナのディレクトリとファイルを同期する。
ホストの`/web`をphp・nginxコンテナのエントリーポイント`/var/www`に指定しました。
Laravelプロジェクトは`/web`にクローンするか、phpコンテナの`/var/www`で新規作成して開発が可能です。

vendorとnode_modulesは名前付きボリュームに格納して、ホスト側とコンテナ側と分離して管理している。
同期処理が発生しないため、その分速くなる。

dbの**environment**に初期設定を渡せる。
これを.envに書いたり、ホストのSQLクライアントの接続にそのまま使えます。
その他の変数は[dockerhub mysql](https://hub.docker.com/_/mysql/)でご確認ください。

`mysql:8.0`を`mysql:5.7`にしても動作確認とれた。

#### php/Dockerfile
```Dockerfile
FROM php:7.4.1-fpm

COPY php.ini /usr/local/etc/php/

RUN apt update
RUN apt install -y wget git unzip libpq-dev

# Install Node.js 12
RUN apt install -y npm \
  && npm install n -g \
  && n 12

# Install PHP Extensions
RUN apt install -y zlib1g-dev mariadb-client libzip-dev libonig-dev \
  && docker-php-ext-install zip pdo_mysql

# Install Composer
RUN curl -sS https://getcomposer.org/installer | php \
  && mv composer.phar /usr/local/bin/composer \
  && composer self-update

WORKDIR /var/www

# php-fpmはデフォルトのユーザwww-dataで動く。https://stackoverflow.com/questions/48619445/permission-denied-error-using-laravel-docker
# 変更する場合は /usr/local/etc/php-fpm.d/www.conf でユーザー名を変える。
RUN chown -R www-data:www-data /var/www

RUN composer global require "laravel/installer"
```
`php:7.4.1-fpm`のイメージにNode.jsやComposerをインストールしていくDockerfileです。

aptだとNodejsは古いため、パッケージマネージャのnで新しいバージョンをインストールしています。
以下のようにスクリプトでインストールする方法もあります。
```Dockerfile
# Install Node.js 12
RUN curl -sL https://deb.nodesource.com/setup_12.x | bash - \
 && apt install -y nodejs
```

php 7.4ではビルド時にonigumaが見つからないとエラーが出ます。
aptでは`libonig-dev`（library onigumaかな?）をインストールすると回避できる。
[参考1](https://www.limstash.com/en/articles/202002/1539),[参考2](https://qiita.com/wolf25/items/74bb98bb3052de4c324d)

必要な拡張は**docker-php-ext-install**に追加していく。

nginxはphp-fpmを通してLaravelを実行します。
`/var/www`以下のファイルにユーザ**www-data**の実行権限を与えます。
www-dataはphp-fpmのデフォルトユーザです。
`/usr/local/etc/php-fpm.d/www.conf`を修正してユーザ名を変更できます。

[dockerhub php](https://hub.docker.com/_/php/)

#### /php/php.ini
```conf
[Date]
date.timezone = "Asia/Tokyo"
[mbstring]
mbstring.internal_encoding = "UTF-8"
mbstring.language = "Japanese"
```
cliもfpmのphpもこの設定を参照します。

#### /nginx/default.conf

```js
server {
  listen 80;
  // root /var/www/{Laravelプロジェクト名}/public;
  root /var/www/laravel/public;

  add_header X-Frame-Options "SAMEORIGIN";
  add_header X-XSS-Protection "1; mode=block";
  add_header X-Content-Type-Options "nosniff";

  index index.php;
  charset utf-8;

  location / {
    try_files $uri $uri/ /index.php?$query_string;
  }

  location = /favicon.ico { access_log off; log_not_found off; }
  location = /robots.txt  { access_log off; log_not_found off; }

  error_page 404 /index.php;

  // phpファイルはfastcgi(=php-fpm)で処理するよって書いてある
  location ~ \.php$ {
    try_files $uri =404;
    fastcgi_split_path_info ^(.+\.php)(/.+)$;
    // ホスト名(=コンテナ名):ポート
    fastcgi_pass php:9000;
    fastcgi_index index.php;
    include fastcgi_params;
      fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
      fastcgi_param PATH_INFO $fastcgi_path_info;
  }
  location ~ /\.(?!well-known).* {
      deny all;
  }
 }
```

LaravelをNginxで動作させる設定です。
ApacheではLaravel同梱の.htaccessが設定してくれるが、Nginxでは.htaccessに当たるものがないためNginxのconfを修正する必要がある。（[.htaccessを極力使わないほうがいい](https://www.suzu6.net/posts/240-htaccess-apache-vs-nginx/)）

公式の設定[Nginx | laravel.com](https://laravel.com/docs/8.x/deployment#nginx)からphpコンテナのfpmを見るよう修正しています。
ネットワークはDockerに管理されており、ホスト名はコンテナ名と同等です。

ドキュメントルートを`/var/www/laravel/public`としています。
**プロジェクト名が変わるときはパスに注意。**

### docker-composeのコマンド
ホスト側でよく使うコマンドです。
```sh
# コンテナ起動
$ docker-compose up -d

# コンテナ削除
$ docker-compose down

# コンテナ、イメージ、ボリューム、ネットワークを一括完全消去
$ docker-compose down --rmi all --volumes

# phpコンテナに接続する（コンテナ名を変えて他のコンテナに接続できる）
$ docker-compose exec php bash
```
Dockerfileなど修正した場合は一括削除してから起動しなおすといい。

初回は[Laravel 8.x インストール](https://readouble.com/laravel/8.x/ja/installation.html)に従ってphpコンテナ内で作業するとプロジェクトを作成できます。
ログの書き込みなどで**permission denined**が出る場合は、`# chown -R www-data:www-data /var/www`を実行するとphp-fpmに権限が与えられて解消できます。（php-fpmユーザを変更した場合はそのユーザ名にする）

## 参考
#### DockerFile
- [Dockerを使ってLaravel開発環境構築](https://qiita.com/A-Kira/items/1c55ef689c0f91420e81)
- [Vue + Vue Router + Vuex + Laravelで写真共有アプリを作ろう (3) SPA開発環境とVue Router](https://www.hypertextcandy.com/vue-laravel-tutorial-setting-up-spa-project)

#### Dockerの操作
- [《滅びの呪文》Docker Composeで作ったコンテナ、イメージ、ボリューム、ネットワークを一括完全消去する便利コマンド](https://qiita.com/suin/items/19d65e191b96a0079417)

#### 書籍

<a href="https://www.amazon.co.jp/Docker%E5%AE%9F%E8%B7%B5%E3%82%AC%E3%82%A4%E3%83%89-%E7%AC%AC2%E7%89%88-impress-top-gear/dp/4295005525/ref=as_li_ss_il?adgrpid=52005894183&dchild=1&gclid=Cj0KCQjw5eX7BRDQARIsAMhYLP8Pg6ptqJp0zP8yZpQrHoRPGCvfYg0lpWHE5LbbLbrGj46tbiogBgAaAm5SEALw_wcB&hvadid=338517973140&hvdev=c&hvlocphy=1009414&hvnetw=g&hvqmt=e&hvrand=7690341243257993499&hvtargid=kwd-333055296139&hydadcr=27265_11561134&jp-ad-ap=0&keywords=docker%E5%AE%9F%E8%B7%B5%E3%82%AC%E3%82%A4%E3%83%89&qid=1601855634&sr=8-2&linkCode=li2&tag=suzu60c-22&linkId=090fb950c12f16b36c5148d8e6ea363e&language=ja_JP" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=4295005525&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suzu60c-22&language=ja_JP" ></a><img src="https://ir-jp.amazon-adsystem.com/e/ir?t=suzu60c-22&language=ja_JP&l=li2&o=9&a=4295005525" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

[Docker実践ガイド 第2版 | amazon](https://amzn.to/30w5x7w)

Dockerって何？の状態で読むと難しすぎたが、Dockerの概念を他で学び試して遊んでからわかるようになった。
Dockerの運用管理向け、業務で何度も読み返しそうな良著。


Laravel + Nginx + MySQLのDocker開発環境を共有します


WSL2を導入してとうとうDockerが使えるようになりました！
[この記事](https://qiita.com/A-Kira/items/1c55ef689c0f91420e81)に沿ってLaravelの開発環境を作っているところです。

Laravelが動くコンテナからDBのコンテナに接続するホスト名がわからなかったのでメモします。
結論としては**コンテナ間通信はコンテナ名を使用することでできます**。

---
2021/11/16 追記

WindowsでのDocker環境の構築方法は次の記事にまとめました。

[WSL2とDocker Desktop on WindowsでDocker環境を構築する](https://www.suzu6.net/posts/337-windows11-docker-desktop-wsl2)

---

### 環境

- Windows 10 Home x64 
  - OS ビルド: 19041.450
- Docker version 19.03.12
- docker-compose version 1.26.2

`docker-compose.yml`と手順は[こちら](https://qiita.com/A-Kira/items/1c55ef689c0f91420e81)を参考にしました。
これでMySQLとphpが動くコンテナができます。

```yml
version: '3'

services:
  php:
    container_name: php
    build: ./docker/php
    volumes:
    - ./server:/var/www

  db:
    image: mysql:5.7
    container_name: db-host
    environment:
      MYSQL_ROOT_PASSWORD: root
      MYSQL_DATABASE: laravel
      MYSQL_USER: docker
      MYSQL_PASSWORD: docker
      TZ: 'Asia/Tokyo'
    command: mysqld --character-set-server=utf8mb4 --collation-server=utf8mb4_unicode_ci
    volumes:
    - ./docker/db/data:/var/lib/mysql
    - ./docker/db/my.cnf:/etc/mysql/conf.d/my.cnf
    - ./docker/db/sql:/docker-entrypoint-initdb.d
    ports:
    - 3306:3306
```

### ローカルPCからmysqlに接続する

`db`のポートフォワーディングを3306にしているため、ローカルPCのSQLクライアントからは
- host: localhost (or 127.0.0.1)
- port: 3306
で接続できました。

### phpコンテナからmysqlに接続する

ローカルPCからと同じくlocalhostでポートを指定すれば接続できるのかと勘違いしてました。
Dockerでは**Dockerネットワークを作成してコンテナ名で通信が可能**なようです。

詳しいことは[こちら](https://knowledge.sakura.ad.jp/16082/)を見てください。
あまり理解できてないです…

Dockerネットワークを確認する`docker network ls`をローカルPCで実行した結果です。
この中の`laradoc_default`が名前解決しているっぽいです。
```sh
>docker network ls                       
NETWORK ID          NAME                   DRIVER              SCOPE
f26fe47a0096        bridge                 bridge              local
8b3e919809cd        host                   host                local
ca6f7a9282e5        laradoc_default        bridge              local
3f97d25e5c4a        none                   null                local
```

dbのコンテナの`/etc/hosts`を見てみるとこうなっている。
```sh
root@728c68c615ef:/var/www/laravel# cat /etc/hosts
127.0.0.1       localhost
::1     localhost ip6-localhost ip6-loopback
fe00::0 ip6-localnet
ff00::0 ip6-mcastprefix
ff02::1 ip6-allnodes
ff02::2 ip6-allrouters
172.19.0.2      728c68c615ef
```


### phpコンテナからmysqlに接続する

phpコンテナの.envは以下の設定で接続できました。
`DB_HOST`をコンテナ名にしてあります。
```conf
DB_CONNECTION=mysql
DB_HOST=db
DB_PORT=3306
DB_DATABASE=laravel
DB_USERNAME=docker
DB_PASSWORD=docker
```
rootではなくユーザdockerに権限を与える`GRANT ALL ON laravel.* TO docker;`を実行してあります。

Dockerの仕組みの知識がふわふわしてるので勉強しないと。
とりあえず、ローカル開発環境は作ることができた。

## 参考

- [Docker入門（第五回）〜コンテナ間通信〜 - さくらのナレッジ](https://knowledge.sakura.ad.jp/16082/)
  - 参考にした記事。


DockerでのLaravel .envの設定。コンテナ間通信はホスト名＝コンテナ名でした


[Laravelの.htaccessの設定](https://www.suzu6.net/posts/239-laravel-htaccess)を調べている中、`.htaccess`ってNginxでも使えるのかなと調べました。
表題の通りApacheもNginxも`.htaccess`は使わない方が良いとの結論を出していました。
両方の公式から理由をまとめてみます。

## Apacheでは.htaccessを極力使わない方が良い

> 一般的に、サーバの主設定ファイルにアクセスできない場合を除いて、 .htaccess ファイルの使用は極力避けてください。 
> 
> [Apache チュートリアル: .htaccess ファイル | httpd.apache.org](https://httpd.apache.org/docs/2.4/ja/howto/htaccess.html)

その理由として性能とセキュリティの理由を挙げています。
### 性能面 
`.htaccess`の利用を許可すると、Apacheは各ディレクトリで`.htaccess`ファイルを探します。
これは`.htaccess`が無いディレクトリでも同様に探しますし、文書がリクエストされる度に読み込みます。

そのため、Apacheの主設定に記載することでパフォーマンスをあげることができます。
`httpd.conf`やそこからインクルードしたファイルの設定がApacheの主設定です。
これはApacheの起動かリロード時にまとめてキャッシュするため、`.htaccess`を使うより性能が良い。

### セキュリティ面
ユーザにサーバの設定を変更することを 許可することになりますので、あなた自身が管理できない変更をされる恐れがあります。
**「コンテンツ提供者がディレクトリ毎の設定を行ないたいけれど、サーバシステムのrootアクセス権限を持っていない」場合にのみ使うべきものです。**

`.htaccess`ファイル の使用を完全に無効にするためには`AllowOverride None`と設定します。

## Nginx で.htaccessはどういう扱いか？

公式から`.htaccess`についての見解が出ています。
[Like Apache: .htaccess | nginx.com](https://www.nginx.com/resources/wiki/start/topics/examples/likeapache-htaccess/)

簡潔にまとめると「パフォーマンスに悪影響だからディレクトリ見るたびに.htaccessがあるか確認するなんてうちではやらないよ」ってことらしいです。

## おわりに
性能とセキュリティが必要な本番環境は`.htaccess`を使わないようにしていきたい。
お客さんへの確認用のVirtualHostがたくさん載ったサーバの管理のみに限定する。


htaccessを使わない方が良いとApacheとNginxの公式が言っている


**Laradockを利用してDocker上にLaravel環境を構築する手順**です。
NginxとPHP7.3の環境にします。

※ 多少抜け漏れがあります。GW中には修正します。

## 環境とバージョン

- Laradock
- PHP 7.3
- Laravel 5.3
- Nginx

DBの接続はまだ書けていません。
作業環境がWindows10 Homeであるため、DockerはDocker Tool Boxを利用しています。

### 準備

gitとDocker、docker-composeを用意してください。

- 公式：[Docker CE](https://docs.docker.com/install/)

また、当サイトではDockerの環境の構築手順は以下の記事を用意しています。

- Windows 10 HomeまたはWindows 7の場合
  - [Windows10にDockerToolboxでDocker環境を構築する](https://www.suzu6.net/posts/85-windows-10-docker-toolbox)
- Windows 10 Proの場合
  - [Windows10にWSLで作った環境にdockerをインストールするまで](https://www.suzu6.net/posts/129-docker-compose-at-ubuntu)

## Laravelの環境構築

今回は`project`ディレクトリを作ってその中で作業します。
最終的なLaradockとLaravelのアプリ`MyApp`の構成は以下のようになります。

```sh
project/
 ├─ laradock
 |   ├─ nginx
 |   ├─ php-fpm
 |   └─ .env
 └─ MyApp
     ├─ public          # nginxで通すパス
     └─ composer.json   # 依存するパッケージを定義するためのファイル
```

### laradockをインストールする

laradockを導入していきます。

[laradock/laradock](https://github.com/Laradock/laradock)

```sh
# projectに移動してclone
$ cd path/to/project
project$ git clone https://github.com/Laradock/laradock.git

# 設定ファイルをリネームする
project$ cd laradock
laradock$ cp env-example .env
```

`project/laradock/.env`には、Docker Imageの設定が入っています。

### .envの設定とPHPのバージョン変更

NginxでPHPを動かすためphp-fpmを使います。理由は[こちら](https://qiita.com/kotarella1110/items/634f6fafeb33ae0f51dc)。

`project/laradock/.env`にあるPHPのバージョンを変更します。

```diff
### PHP Version ###########################################

# Select a PHP version of the Workspace and PHP-FPM containers (Does not MyApply to HHVM). Accepted values: 7.3 - 7.2 - 7.1 - 7.0 - 5.6
- PHP_VERSION=7.2
+ PHP_VERSION=7.3
```

バージョンを変更したので、php-fpmのイメージを作り直します。

```sh
laradock$ docker-compose build php-fpm
```

他のバージョンについてはこちら。

[Laradockでphpのバージョンを変更する](https://www.suzu6.net/posts/139-laradock-switch-php-version/)


### コンテナの作成と開始

必要なコンテナを立ち上げます。

```sh
laradock$ docker-compose up -d nginx mysql workspace
```

立ち上がっているコンテナを確認します。

```sh
laradock$ docker-compose ps
指定されたパスが見つかりません。
           Name                          Command              State                     Ports
---------------------------------------------------------------------------------------------------------------
laradock_docker-in-docker_1   dockerd-entrypoint.sh           Up       2375/tcp
laradock_mysql_1              docker-entrypoint.sh mysqld     Exit 3
laradock_nginx_1              /bin/bash /opt/startup.sh       Up       0.0.0.0:443->443/tcp, 0.0.0.0:80->80/tcp
laradock_php-fpm_1            docker-php-entrypoint php-fpm   Up       9000/tcp
laradock_workspace_1          /sbin/my_init                   Up       0.0.0.0:2222->22/tcp
```

php-fpmコンテナも一緒に立ち上がります。

※ mysqlコンテナが立ち上がっていないため、いつか修正する。

## Laravelのセットアップ

workspaceコンテナにLaravelをインストールしていきます。

### コンテナの準備

workspaceのコンテナに入って、Laravelをインストールする準備をします。
`docker-compose exec {コンテナ名} bash`で立ち上げているコンテナに入ることができます。

```sh
laradock$ docker-compose exec workspace bash
/var/www#
```

イメージのOSディストリビューションは**Ubuntu 16.04 LTS**でした。
インストーラー`apt-get`の更新と作業用の`vim`を入れておきます。

```sh
/var/www# apt-get update
/var/www# apt-get install vim
```

### Laravel 5.8のインストール

Laravelのプロジェクト**MyApp**を作る。

```sh
/var/www# mkdir MyApp
/var/www# ls
MyApp
```

composerは既に入っています。
Laravel 5.8をインストールします。

```sh
/var/www# composer create-project "laravel/laravel=5.8.*" MyApp

# 中を確認します。
/var/www# ls MyApp/
MyApp      bootstrap      composer.lock  database      phpunit.xml  readme.md  routes      storage  vendor
artisan  composer.json  config         package.json  public       resources  server.php  tests    webpack.mix.js
```

アプリケーションキーの作成と`.env`ファイルを作成します。

```sh
/var/www# cd MyApp/
/var/www/MyApp# cp -p .env.example .env
/var/www/MyApp# php artisan key:generate
```

続いて、ファイルアップロードの機能用にディレクトリの権限を変更します。

```sh
/var/www/MyApp# chmod 766 storage
/var/www/MyApp# chmod 766 bootstrap/cache
```

workspaceのコンテナの作業は終わりです。
コンテナから出ます。

```sh
/var/www# exit
```

### アプリケーションのパスを通す

`project/MyApp`にアプリケーションのパスを通します。

**docker-compose.yml**
```diff
      volumes:
-        - ${APP_CODE_PATH_HOST}:${APP_CODE_PATH_CONTAINER}${APP_CODE_CONTAINER_FLAG}
+        - ${APP_CODE_PATH_HOST}/MyApp:${APP_CODE_PATH_CONTAINER}${APP_CODE_CONTAINER_FLAG}
```

Nginxのルートに`MyApp/public`を通します。

**laradock/nginx/sites/default.conf**

```diff
- root /var/www/public;
+ root /var/www/MyApp/public;
```

コンテナを再起動する。
```sh
$ docker-compose restart
```

[http://localhost/](http://localhost/)を開いてLaravelの画面が出たら完了です。
お疲れ様でした。

## 参考

### 公式

- [Laravel 5.8 Installation](https://laravel.com/docs/5.8)
- [Laradock](https://laradock.io/)
- [Docker CE](https://docs.docker.com/install/)

### 記事

- [nginx と PHP-FPM の仕組みをちゃんと理解しながら PHP の実行環境を構築する](https://qiita.com/kotarella1110/items/634f6fafeb33ae0f51dc)
- [Laradockを使ったLaravel開発環境構築](https://qiita.com/J_Shell/items/695a30fd38444d065ae5)

### Laravelのおすすめ参考書

こちらの書籍でLaravelの全体像が分かりやすいです。
MVCの概念の説明から開発環境の構築、Laravelの基本的な機能について学べます。

[PHPフレームワーク Laravel入門](https://amzn.to/2JVDkzI)

<a href="https://www.amazon.co.jp/PHP%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF-Laravel%E5%85%A5%E9%96%80-%E6%8E%8C%E7%94%B0%E6%B4%A5%E8%80%B6%E4%B9%83-ebook/dp/B07CLLW4MX/ref=as_li_ss_il?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&keywords=php7&qid=1558422296&s=books&sr=1-10&linkCode=li2&tag=suzu60c-22&linkId=619adb9f2b17c0e2847db78ab33c8e81" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B07CLLW4MX&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suzu60c-22" ></a><img src="https://ir-jp.amazon-adsystem.com/e/ir?t=suzu60c-22&l=li2&o=9&a=B07CLLW4MX" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

- バージョン：Laravel 5.4
- OS：Windows, Mac OS対応

注意：HTML/CSSが解かる人向けです。基本からちょっと外れたこと（既存のDBを使う方法など）は載っていません。

LaradockでPHP 7.3のLaravel環境構築


**404 not found**が出たときの対処法。

## 現象

[Laradock](https://laradock.io/)でnginxを立ち上げてから確認すると「404 not found」のページが出た。

![404](/images/posts/138/404.png)

### フォルダ構成

プロジェクト直下にlaradockとpublicを置く構成。

```sh
project
 ├─ laradock
 |   ├─ nginx
 |   └─ .env
 └─ public
     └─ index.html
```

### 手順

```sh
$ cd path/to/project
$ git clone https://github.com/Laradock/laradock.git
$ cd laradock
$ cp env-example .env
```

**./laradock/.env**を修正する。
```diff
- APP_CODE_PATH_HOST=../
+ APP_CODE_PATH_HOST=../public/
```

[http://localhost](http://localhost)を開くと「404 Not Found」。

![404](/images/posts/138/404.png)

## 原因と対処

`APP_CODE_PATH_HOST`だけでなく`APP_CODE_PATH_CONTAINER`もパスを変更する。


**./laradock/.env**

```diff
- APP_CODE_PATH_HOST=../
+ APP_CODE_PATH_HOST=../public/

- APP_CODE_PATH_CONTAINER=/var/www/
+ APP_CODE_PATH_CONTAINER=/var/www/public/
```

nginxのコンテナの中で、コードは`/var/www/public/index.hml`にあったが、nginxは`/var/www/index.hml`を見ていた。

### Laravelのおすすめ参考書

こちらの書籍でLaravelの全体像が分かりやすいです。
MVCの概念の説明から開発環境の構築、Laravelの基本的な機能について学べます。

[PHPフレームワーク Laravel入門](https://amzn.to/2JVDkzI)

<a href="https://www.amazon.co.jp/PHP%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF-Laravel%E5%85%A5%E9%96%80-%E6%8E%8C%E7%94%B0%E6%B4%A5%E8%80%B6%E4%B9%83-ebook/dp/B07CLLW4MX/ref=as_li_ss_il?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&keywords=php7&qid=1558422296&s=books&sr=1-10&linkCode=li2&tag=suzu60c-22&linkId=619adb9f2b17c0e2847db78ab33c8e81" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B07CLLW4MX&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suzu60c-22" ></a><img src="https://ir-jp.amazon-adsystem.com/e/ir?t=suzu60c-22&l=li2&o=9&a=B07CLLW4MX" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

- バージョン：Laravel 5.4
- OS：Windows, Mac OS対応

注意：HTML/CSSが解かる人向けです。基本からちょっと外れたこと（既存のDBを使う方法など）は載っていません。

Laradock nginxでの404 not found


Laradockでphpのバージョンを変更する手順です。
デフォルトが`php 7.2`でしたので、`php 7.3`に変更しました。
`php-fpm`を利用しています。

現在対応しているバージョンは以下の通り。

- 7.3 
- 7.2
- 7.1
- 7.0
- 5.6

## ディレクトリと構成

プロジェクト直下にlaradockとpublicを置く構成。
[http://localhost/info.php](http://localhost/info.php)でphpのバージョンを確認できるようにしてある。

```sh
project
 ├─ laradock
 |   ├─ nginx
 |   ├─ php-fpm
 |   └─ .env
 └─ public
     ├─ index.html
     └─ info.php
```

`./public/info.php`

```php
<?php
phpinfo();
```

`./laradoc/.env`

**./laradock/.env**の変更点。`public`を表示するようにしている。

```diff
- APP_CODE_PATH_HOST=../
+ APP_CODE_PATH_HOST=../public/

- APP_CODE_PATH_CONTAINER=/var/www/
+ APP_CODE_PATH_CONTAINER=/var/www/public/
```

## phpのバージョン

デフォルトのphpのバージョンは**7.2**でした。

**./laradock/.env**

```sh
# Select a PHP version of the Workspace and PHP-FPM containers (Does not apply to HHVM). Accepted values: 7.3 - 7.2 - 7.1 - 7.0 - 5.6
PHP_VERSION=7.2
```

### バージョンの設定とbuild

バージョンの変更は設定を変え、buildします。

#### 1. `PHP_VERSION`を変更する

**./laradock/.env**

```diff
# Select a PHP version of the Workspace and PHP-FPM containers (Does not apply to HHVM). Accepted values: 7.3 - 7.2 - 7.1 - 7.0 - 5.6
- PHP_VERSION=7.2
+ PHP_VERSION=7.3
```

5.6, 7.0, 7.1, 7.2, 7.3に変更できます。マイナーバージョンは各最新のものです。

#### 2. php-fpmをbuildする

```sh
$ docker-compose build php-fpm
```

#### 3. phpinfo()を確認する

Nginxとworkspaceを立ち上げる。

```sh
$ docker-compose up -d nginx workspace
```

[http://localhost/info.php](http://localhost/info.php)でphpのバージョンを確認する。

![phpinfo](/images/posts/139/phpinfo.png)

出来た！

## 参考

[Change php version in laradock](https://medium.com/@abdulwahabcomsi/change-php-version-in-laradock-6bdb4722d26b)

バージョンを変更して立ち上げるシェルスクリプトを公開しています。

```sh
#!/bin/bash
version=$1
echo 'changing Php Version to '$1;
###change version in env file                        
sed -i '.bak' "s/PHP_VERSION=.../PHP_VERSION=$1/g" '.env'                                               
### Build fpm and cli for new version                       
docker-compose build php-fpm                       
docker-compose build workspace                                               
### Restart Container to use new version of php
docker-compose down                       
docker-compose up -d nginx mysql workspace redis
```

### Laravelのおすすめ参考書

こちらの書籍でLaravelの全体像が分かりやすいです。
MVCの概念の説明から開発環境の構築、Laravelの基本的な機能について学べます。

[PHPフレームワーク Laravel入門](https://amzn.to/2JVDkzI)

<a href="https://www.amazon.co.jp/PHP%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0%E3%83%AF%E3%83%BC%E3%82%AF-Laravel%E5%85%A5%E9%96%80-%E6%8E%8C%E7%94%B0%E6%B4%A5%E8%80%B6%E4%B9%83-ebook/dp/B07CLLW4MX/ref=as_li_ss_il?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&keywords=php7&qid=1558422296&s=books&sr=1-10&linkCode=li2&tag=suzu60c-22&linkId=619adb9f2b17c0e2847db78ab33c8e81" target="_blank"><img border="0" src="//ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B07CLLW4MX&Format=_SL160_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=suzu60c-22" ></a><img src="https://ir-jp.amazon-adsystem.com/e/ir?t=suzu60c-22&l=li2&o=9&a=B07CLLW4MX" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;" />

- バージョン：Laravel 5.4
- OS：Windows, Mac OS対応

注意：HTML/CSSが解かる人向けです。基本からちょっと外れたこと（既存のDBを使う方法など）は載っていません。