![](https://jobtech.jp/wp-content/uploads/xampp.jpg)
XAMPP for Mac のインストール
XAMPP for Mac をダウンロード
macOS(macOS 10.12 Sierra以降)の場合は「xampp-osx-7.4.1-0-installer.dmg」をダウンロード
https://sourceforge.net/projects/xampp/files/XAMPP%20Mac%20OS%20X/7.4.1/
![](https://jobtech.jp/wp-content/uploads/cb6c199f7cb574d7bbdc56916c08d18d.png)
OS X(OS X 10.11 El Capitan以前)の場合は「xampp-osx-7.1.12-0-installer.dmg」をダウンロード
https://sourceforge.net/projects/xampp/files/XAMPP%20Mac%20OS%20X/7.1.12/
![](https://jobtech.jp/wp-content/uploads/02582d6be28983a739725a1f6cc3903b.png)
ダウンロードした「xampp-osx-7.1.12-0-installer.dmg」をダブルクリック
![](https://jobtech.jp/wp-content/uploads/99fd4cf020ab51da3f66c4a217a29fb5.png)
「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/8896f46e5b55adf1eb91b2666f1de765.png)
上部の「Manage Servers」をクリックするとサービスの情報が表示されます
![](https://jobtech.jp/wp-content/uploads/99a6bd2041118eb1b0387a5837c128c8.png)
「Apache Web Server」を選択して「Start」をクリックして起動させます
![](https://jobtech.jp/wp-content/uploads/77fac0f5621a196799a8c0af8b754216.png)
![](https://jobtech.jp/wp-content/uploads/028264f7e6092051ab32740dcc54f48d.png)
ドキュメントルート(公開フォルダ)
「アプリケーション」>「XAMPP」>「xamppfiles」>「htdocs」
コントロールパネルを表示
「アプリケーション」>「XAMPP」内の「manager-osx.app」をダブルクリック