本記事では、MacでMAMPをインストールする手順について画像を用いて分かりやすく解説しています。
![](https://web-engineer-wiki.com/wp-content/uploads/2023/07/php-book.png)
- PHPの基本構文からクラス・データベース連携・セキュリティまで学べる
- PHPによるWebアプリ開発の基礎・基本テクニックを学べる
![](https://web-engineer-wiki.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
![](https://web-engineer-wiki.com/wp-content/uploads/2022/02/cropped-favicon.jpg)
Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ!
![](https://web-engineer-wiki.com/wp-content/uploads/2022/02/woman-icon.jpeg)
![](https://web-engineer-wiki.com/wp-content/uploads/2022/02/woman-icon.jpeg)
![](https://web-engineer-wiki.com/wp-content/uploads/2022/02/woman-icon.jpeg)
初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね!
変数名/関数名にもう悩まない!
![](https://web-engineer-wiki.com/wp-content/uploads/2023/07/code-write.jpeg)
![](https://web-engineer-wiki.com/wp-content/uploads/2023/07/code-write.jpeg)
- 美しいコードが書けるが自然と書けるようになる
- 他の開発者が理解しやすいコードになる
![](https://web-engineer-wiki.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
![](https://web-engineer-wiki.com/wp-content/plugins/pochipp/assets/img/pochipp-logo-t1.png)
MAMPインストーラのダウンロード
こちらのMAMPダウンロードページにアクセスします。
![MAMPインストーラのダウンロード画面](https://web-engineer-wiki.com/wp-content/uploads/2023/06/5b2c1d0d2081d17a93ee92d990fa57a7-1024x669.jpg)
![MAMPインストーラのダウンロード画面](https://web-engineer-wiki.com/wp-content/uploads/2023/06/5b2c1d0d2081d17a93ee92d990fa57a7-1024x669.jpg)
使用しているMacがIntelの場合は左側の「MAMP&MAMP PRO○.○(Intel)」を、M1/M2などのAppleの場合は右側の「MAMP&MAMP PRO○.○(Apple)をダウンロードします。500MBの容量をダウンロードするため、多少時間がかかります。
以上で、インストーラのダウンロードが完了です。続いて、ダウンロードしたインストーラを使用してMAMPをインストールします。
MAMPのインストール
先ほどダウンロードしたインストーラを開きます。
![はじめに](https://web-engineer-wiki.com/wp-content/uploads/2023/06/43f90f6e9dc4d586cf02b6c9e30bbbe5-1024x728.jpg)
![はじめに](https://web-engineer-wiki.com/wp-content/uploads/2023/06/43f90f6e9dc4d586cf02b6c9e30bbbe5-1024x728.jpg)
インストーラを開くと、「はじめに」の画面が表示されます。続けるをクリックします。
![大切な情報](https://web-engineer-wiki.com/wp-content/uploads/2023/06/8830828ccda8712b4ca6841602282321-1024x740.jpg)
![大切な情報](https://web-engineer-wiki.com/wp-content/uploads/2023/06/8830828ccda8712b4ca6841602282321-1024x740.jpg)
「大切な情報」の画面が表示されます。続けるをクリックします。
![使用許諾書](https://web-engineer-wiki.com/wp-content/uploads/2023/06/8ac9bbed8b4988f3073ac9106fbb3c09-1024x738.jpg)
![使用許諾書](https://web-engineer-wiki.com/wp-content/uploads/2023/06/8ac9bbed8b4988f3073ac9106fbb3c09-1024x738.jpg)
「使用許諾書」の画面が表示されます。Continueをクリックします。
![インストールの種類](https://web-engineer-wiki.com/wp-content/uploads/2023/06/5dbee5be0ddf2498c4d582232124f787-1024x727.jpg)
![インストールの種類](https://web-engineer-wiki.com/wp-content/uploads/2023/06/5dbee5be0ddf2498c4d582232124f787-1024x727.jpg)
「インストールの種類」の画面が表示されます。インストールをクリックします。
![インストール完了画面](https://web-engineer-wiki.com/wp-content/uploads/2023/06/a1c536b9cdb846787f79a9a7a0c64c64-1024x734.jpg)
![インストール完了画面](https://web-engineer-wiki.com/wp-content/uploads/2023/06/a1c536b9cdb846787f79a9a7a0c64c64-1024x734.jpg)
インストール完了画面が表示されます。閉じるをクリックします。
![インストーラの破棄](https://web-engineer-wiki.com/wp-content/uploads/2023/06/65ab57c128ba71724d4e848389675faa-1024x730.jpg)
![インストーラの破棄](https://web-engineer-wiki.com/wp-content/uploads/2023/06/65ab57c128ba71724d4e848389675faa-1024x730.jpg)
MAMPのインストールが完了したので、ダウンロードしたインストーラ不要になります。ゴミ箱に入れるを選択します。
MAMPの動作確認
最後にMAMPの動作確認を行います。
適当に一つPHPファイルを作成します。今回はmamp-test.phpというファイルに以下のコードを記述します。
<?php
echo 'MAMPのテストファイルです。';
作成したphpファイルをMAMPディレクトリ→htdocsディレクトリの配下に配置します。MAMPディレクトリの開き方は、Finder→アプリケーション内にあります。
![MAMPディレクトリの開き方](https://web-engineer-wiki.com/wp-content/uploads/2023/06/4c3348551e98b14e8ff69fe51bb10725-1024x479.jpg)
![MAMPディレクトリの開き方](https://web-engineer-wiki.com/wp-content/uploads/2023/06/4c3348551e98b14e8ff69fe51bb10725-1024x479.jpg)
![htdocsディレクトリの開き方](https://web-engineer-wiki.com/wp-content/uploads/2023/06/9773af504ae63a39dd82d814918ed926-1024x477.jpg)
![htdocsディレクトリの開き方](https://web-engineer-wiki.com/wp-content/uploads/2023/06/9773af504ae63a39dd82d814918ed926-1024x477.jpg)
続いて、MAMPを起動します。
LaunchpadからMAMPを開きます。MAMPは象のアイコンです。
![Launchpad画面](https://web-engineer-wiki.com/wp-content/uploads/2023/06/e96302b5c773c546af409272958bab6b.png)
![Launchpad画面](https://web-engineer-wiki.com/wp-content/uploads/2023/06/e96302b5c773c546af409272958bab6b.png)
MAMPが開いたら、右上にある「Start」をクリックします。MAMPに搭載されているWebサーバーとMySQLが起動します。
Webサーバーが立ち上がると自動でローカルサーバーが立ち上がります。もし立ち上がらない方は、Startの左にある飛行機マークの「WebStart」をクリックします。
![MAMPの起動画面](https://web-engineer-wiki.com/wp-content/uploads/2023/06/61080b8352ee693337362ab1b2fbab8b-1024x824.jpg)
![MAMPの起動画面](https://web-engineer-wiki.com/wp-content/uploads/2023/06/61080b8352ee693337362ab1b2fbab8b-1024x824.jpg)
立ち上がったサイトのグローバルメニューに「My Website」があるので、それをクリックします。
![ローカルサーバーの立ち上げ](https://web-engineer-wiki.com/wp-content/uploads/2023/06/8ec68160df3d6bbd26846ca80c5313b4-1024x455.jpg)
![ローカルサーバーの立ち上げ](https://web-engineer-wiki.com/wp-content/uploads/2023/06/8ec68160df3d6bbd26846ca80c5313b4-1024x455.jpg)
すると、ローカルサーバーのルートディレクトリに移動することが出来ます。デフォルトでは、ポート番号が8888で設定されているため、URLは「http://localhost:8888」になります。
先ほど作成したmamp-test.phpが表示されているのでクリックします。
![http://localhost:8888にアクセス](https://web-engineer-wiki.com/wp-content/uploads/2023/06/88a876dd7e00a945781a58dbcda04254.png)
![http://localhost:8888にアクセス](https://web-engineer-wiki.com/wp-content/uploads/2023/06/88a876dd7e00a945781a58dbcda04254.png)
すると、mamp-test.phpに記載したコードが実行されブラウザに「MAMPのテストファイルです。」が表示されます。
![phpコードの確認](https://web-engineer-wiki.com/wp-content/uploads/2023/06/7006cdf03e38e4f1c7b93d0710e39667.png)
![phpコードの確認](https://web-engineer-wiki.com/wp-content/uploads/2023/06/7006cdf03e38e4f1c7b93d0710e39667.png)
以上で、MAMPの動作確認が完了です。