ご自身のパソコン（ローカル）上で実際にPHPのプログラミングをする準備をします。簡単なプログラムの実行まで体験してみましょう。

PHPコース

PHPでWebアプリを作ろう

PHPのローカル開発準備（環境構築）

# PHPプログラムの作成
このセクションではDockerを用いて簡単なPHPのプログラムを実行できる環境を用意しましょう。
※本レッスンではVisualStudioCode(VSCode)を利用します。

## Dockerで利用するファイルの用意
### フォルダの作成
1. 任意の場所へ`PHPLocalLesson`というフォルダを作成
2. VSCodeのファイル > フォルダーを開くで `PHPLocalLesson`を選択
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/afab9ecc-b78d-4bf4-8cd2-63e9a07d07ae.png)

### Dockerfileとdocker-compose.ymlの作成
Dockerにどのようなプログラミング環境を用意したいのか指示するためのファイル(Dockerfileとdocker-compose.yml)を作成します。
それぞれのファイルの内容は覚える必要はなく、プログラミングの環境を用意するための設定が記載されているということだけ覚えておきましょう。
1. VSCodeのファイル > 新しいファイル あるいは画面中央の新しいファイル を選択
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/924f6c56-0c2c-46c0-8429-92ac7d4c004d.png)
2. ファイル名に`Dockerfile`と入力し、ファイルを作成
3. ファイルへ以下の記述をコピーし、保存
~~~txt~Dockerfile
# PHP 8.2 CLI をベースイメージに使用
FROM php:8.2-cli

# 作業ディレクトリを設定
WORKDIR /app

# 組み込みWebサーバーを起動
CMD ["php", "-S", "0.0.0.0:8000", "-t", "/app"]
~~~

4. VSCodeのファイル > 新しいファイル あるいは画面中央の新しいファイル を選択
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/924f6c56-0c2c-46c0-8429-92ac7d4c004d.png)
5. ファイル名に`docker-compose.yml`と入力し、ファイルを作成
6. ファイルへ以下の記述をコピーし、保存
~~~yml~docker-compose
version: '3.8'

services:
  app:
    build:
      context: .
    ports:
      - "8000:8000" # ホスト側の8000番ポートをコンテナの8000番にマッピング
    volumes:
      - .:/app # ホスト側のカレントディレクトリをコンテナ内の/appにマウント
~~~


## テストコードの準備
PHPの環境が用意できた際に動作に問題がないかを確かめるために簡単なPHPのコードを用意します。
今回はHello, World!と出力するプログラムを記載しましょう。
1. VSCodeのファイル > 新しいファイル あるいは画面中央の新しいファイル を選択
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/924f6c56-0c2c-46c0-8429-92ac7d4c004d.png)
2. ファイル名に`index.php`と入力し、ファイルを作成
3. ファイルへ以下の記述をコピーし、保存
~~~php~index
<?php
echo "Hello, World!";
~~~

## Dockerイメージの作成と起動
Dockerで必要なファイルを上記で用意したので実際に利用していきます。
1. Docker Desktopを起動
2. VSCodeの下部にあるターミナルタブを選択
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/0d54425a-460a-4d5b-9d6a-c2d5e0cd44b4.png)
3. 次のコマンドを入力してDockerイメージをビルド
~~~bash
docker compose up --build
~~~
4. `[+] Running 2/0`のような表記が出れば完了です。
![image](https://prod-code-lesson-api.s3.ap-northeast-1.amazonaws.com/cms/355abb5f-8e95-4884-871e-0af104413921.png)
5. 次のURLヘアクセスしてください
http://localhost:8000/
6. Hello, World! と表示されていれば成功です！

3. PHPの環境構築