![](https://jobtech.jp/wp-content/uploads/xampp.jpg)
XAMPP for Mac 7.4.13 のインストール
公開日:2020年12月16日
XAMPP for Mac をダウンロード
「xampp-osx-7.4.13-0-installer.dmg」をダウンロード
※「xampp-osx-7.4.13-0-vm.dmg」ではないので注意
https://sourceforge.net/projects/xampp/files/XAMPP%20Mac%20OS%20X/7.4.13/
![](https://jobtech.jp/wp-content/uploads/image-116.png)
ダウンロードした「xampp-osx-7.4.13-0-installer.dmg」をダブルクリック
![](https://jobtech.jp/wp-content/uploads/99fd4cf020ab51da3f66c4a217a29fb5.png)
XAMPP for Mac をインストール
「XAMPP.app」をダブルクリック
![](https://jobtech.jp/wp-content/uploads/be99da49fe0ae736bc159dbe2c0a54e0.png)
「開く」をクリック
![](https://jobtech.jp/wp-content/uploads/8c60611a6e623f114e09e231b047e9e4.png)
パスワード画面が表示された場合は「ユーザ名」と「パスワード」を入力して「OK」をクリック
![](https://jobtech.jp/wp-content/uploads/e3c6149597f13bfc1923583bbd772045.png)
「Next」をクリック
![](https://jobtech.jp/wp-content/uploads/976f072c76b04c4ce5259884ac019124.png)
「XAMPP Core Files」と「XAMPP Developer Files」にチェックを入れて「Next」をクリック
![](https://jobtech.jp/wp-content/uploads/33e1939c6870e444aca880b38defe112.png)
「Next」をクリック
![](https://jobtech.jp/wp-content/uploads/ecbddbc39e99d9046bc480ddf8c36857.png)
「Learn more about Bitnami for XAMPP」のチェックを外して「Next」をクリック
※チェックが入っている場合はブラウザが起動してBitnamiのページが表示されます
![](https://jobtech.jp/wp-content/uploads/2d009b84149ef65c75f71f5bd95e96e9.png)
「Next」をクリック
![](https://jobtech.jp/wp-content/uploads/9649258886f17e25ef72c6f41dc8cd03.png)
インストールが終わるまで待ちます
![](https://jobtech.jp/wp-content/uploads/804ff40da7755c626032178475507679.png)
「Launch XAMPP」にチェックを入れて「Finish」をクリック
![](https://jobtech.jp/wp-content/uploads/a519ab7c880fe6504ab71a0a3eac37f4.png)
XAMPPのコントロールパネルが表示されます
![](https://jobtech.jp/wp-content/uploads/c7d333d30e618d646e4ed7f5b226c622.png)
上部の「Manage Servers」をクリックするとサービスの情報が表示されます
![](https://jobtech.jp/wp-content/uploads/af919dabc9b5e49b653278680ecbc3e8.png)
ドキュメントルート(公開フォルダ)
「アプリケーション」>「XAMPP」>「xamppfiles」>「htdocs」
コントロールパネルを表示
「アプリケーション」>「XAMPP」内の「manager-osx.app」をダブルクリック
同じカテゴリーのコンテンツ