web系のアルバイトをしているのに、開発環境を自分で作れない！
これはまずい。
でも、初心者でも簡単に環境構築ができる夢のアイテムがあるらしい。
その名もxampp！（実は専門学校の実習もxamppを使って行っています。）

そんなわけで、簡単設定でサクサク使えるらしいxamppを導入してみました。
自分のために、手順と詰まったポイントを忘れないように書き残します。

導入〜アクセスまで

https://qiita.com/h-sakano/items/77fb8367348aeb019209 ステキなまとめを参考にさせていただきました。

詰まった所

4時間くらい画面とにらめっこしていました。

htdocs内に作成したディレクトリをlocalhostとなるようにDocumentRootを設定します。

/opt/lampp/etc/httpd.conf

DocumentRoot "/opt/lampp/htdocs"

パスをどう書くのか分からず、悪戦苦闘していました。
Volumesに記載されているパスから書いたら動きました。

/opt/lampp/etc/extra/httpd-vhosts.conf

<VirtualHost *:8081>
    DocumentRoot "/opt/lampp/htdocs"
    ServerName localhost
</VirtualHost>

DocumentRootには、httpd.confと同じものを入れます。
エラー場所として、ずっとhttpd.confが指されていたため気が付きませんでした。

VirtualHostで指定したポート番号をAddするのですが…… Addするだけじゃだめです。３つ全てEnableしましょう。（戒め）

これで動くようになりました。深夜に設定を始めると論理的に物事が考えられなくなるので、夜型人間ではない限りやめたほうが良いことが分かりました（戒め）次からは鼻をほじりながら設定できるようになりたい……。