PHPでEclipse使用時の環境構築とデバッグ設定について

# はじめに
環境構築の手順書がなく、自由に好きなのを使っていいよという現場に入り
VSCodeで、var_dumpを都度都度書いて、デバッグするの面倒だよなーという経緯から、
Eclipseを使って進める事を決意。ただ、前の現場と違い手順書がない為、記憶を辿りながら、進めたところ、躓いたところがあったので、筆者の備忘兼ねて纏めてみました。

# Eclipseを用いた場合のメリット
・リアルタイムでの変数の中身を確認しながらデバッグができる
・var_dumpなどデバッグする為の、記載をしなくて済む

# Eclipseを用いた場合のデメリット
・環境構築が面倒。使うパソコンによって、環境構築時にエラーがでる内容が異なる。
・デバッグ時に、phpMyAdminを立ち上げているとパソコンのスペックが低い場合にフリーズする。

# 構築の手順

①下記からxamppをダウンロードし、インストール
https://sourceforge.net/projects/xampp/files/

②下記からeclipseをダウンロードし、解凍する
https://willbrains.jp/index.html#/pleiades_distros2023.html

③デバッグの設定を行う

1. メニューバーのウインドウ > 設定
![スクリーンショット 2023-12-23 194230.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/696249df-8a2b-63b5-bbf1-5ec71872b984.png)

2. Webブラウザーを押下 > 好きなブラウザを選択 > 適用
![スクリーンショット 2023-12-23 194039.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/07657a01-a231-eb18-7610-1486e130e081.png)

3. インストール済みのPHPを押下 > 追加を押下
![スクリーンショット 2023-12-23 194536.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/1673c934-339d-e455-dda5-07f60af05dd7.png)

4. 参照からxampp内のphpを選択して次へを押下
![スクリーンショット 2023-12-23 194557.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/08daa3b8-89ed-74d4-da00-1da2242a8966.png)

5. デバッガーにXdebugを選択し完了を押下
![スクリーンショット 2023-12-23 194616.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/c2577918-939d-95c8-adb9-b4f92b2d6ef9.png)

6. サーバーを押下 > Default PHP Server > 編集
![スクリーンショット 2023-12-23 194647.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/41175586-2701-78bd-4a97-d38fec1fd266.png)

7. ベースURLを設定
![スクリーンショット 2023-12-23 194712.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/a236e919-03b0-9719-f484-deea5f38959c.png)

8. デバッガータブ > Xdebug > 完了
![スクリーンショット 2023-12-23 200713.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/5adb8e42-7fe2-cdf4-6dc0-9485b93be4f6.png)

9. デバッグ> 最初の行でブレーク > チェックを外す > 適用
![スクリーンショット 2023-12-23 194818.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/465886d4-9912-31b0-00dd-e4a35d8b2de8.png)


④php.iniの設定
1. php.iniに、xdebugの設定を記載
![スクリーンショット 2023-12-23 195333.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/8e15e3ab-665c-c8ae-5b42-80f1d2235df5.png)


下記リンク先に飛ぶ
https://xdebug.org/wizard
2. xdebungのダウンロード
テキストボックス内にphpinfo()の内容を全て貼り付ける
![スクリーンショット 2023-12-23 195509.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/f55ac971-c7d4-c330-7436-645ca07e4148.png)

　phpinfo()の情報
![スクリーンショット 2023-12-23 195631.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/b5c33a0f-93a5-0114-d5ee-79f7a325f216.png)

 テキストボックスに貼り付ける > Analyse my phpinfo() outputを押下 >Download php xdebug ~ を押下
![スクリーンショット 2023-12-23 195652.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/a6e401ef-2ffb-f33b-d82a-03da7c7ec31b.png)
　
3. php.iniに記載した、xdebugの名前をダウンロードした名前に修正 > ダウンロードしたxdebugをパス先に配置
![スクリーンショット 2023-12-23 195708.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/e1f4b81f-c99f-23f9-bb0a-206791555fea.png)
![スクリーンショット 2023-12-23 201618.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3623713/47e7784e-b785-c3b3-c2e0-feecbd140504.png)