【初心者必見】Mac環境でMAMPを用いたローカル環境の構築方法
![](https://newmtube07.com/wp-content/uploads/2020/09/97577f412de2d1a9cffea20ba423cc51-1024x534.jpg)
こんにちは!ニタマサ(@NewM07x2)です。
![](https://newmtube07.com/wp-content/uploads/2020/09/de646c0d6bea716253a4ea3906186b5c.png)
MacでPHPとかWordPressのローカル環境を立てたいんだけど、どうすればわからない。。。
できれば簡単に無料でやりたいな。。。
そんな声に答えます。
プログラミングの初心者にとって最初の難関は、開発環境(ローカル環境)の構築ではないでしょうかね。
本記事ではMAMPを用いた開発環境の構築方法を初心者向けに解説した記事です。
画像を用いてわかりやすく解説しているので、ぜひトライしてみてください!
では、やっていきましょう!
目次
環境準備
今回設定していく環境は以下の通りになっています。
- MacOS Catalina( バージョン: 10.15.6 )
※2020/09/09時点
MAMPとは?
そもそもMAMPについて簡単に解説していこうかと思います。
もう知ってる!って方は読み飛ばしてもらってOKです。
MAMPとは「Macintosh」「Apache」「MySQL」「PHP」の頭文字をとったものです。
つまり、これらを一括で使うことができ、PHPとMySQLの開発環境として構築可能です。
また、無料で使えるMAMPと有料版のMAMP PROがあります。
違いとしては多々あるんですが、なくても困らないので、無料版一択で問題なしです。
MAMPをインストールする
それではMAMPをインストールしていきましょう。
まずはMAMPの公式HPにてダウンロードしていきます。
ダウンロードボタンは以下の場所にあるので、クリックし、ダウンロードします。
![](https://newmtube07.com/wp-content/uploads/2020/09/7a72114acc8a85ec2fb93a2fed34092a-1024x562.jpg)
zipファイルがダウンロードされるので、展開していきます。
展開後、以下のような画面が出力されるので、「続ける」をクリックします。
![](https://newmtube07.com/wp-content/uploads/2020/09/8febe7cc1612774c2a0326fca11a91e7-1024x738.png)
大切な情報ですけど、よくわからないので、飛ばしてOK。
![](https://newmtube07.com/wp-content/uploads/2020/09/817259e3a9fbb1070f7d24e241c2fbbc-1024x727.png)
これもOK
![](https://newmtube07.com/wp-content/uploads/2020/09/9fe28da548dda8c47d5dd6d19aa3b810-1024x733.jpg)
同意でOK
![](https://newmtube07.com/wp-content/uploads/2020/09/85b0de83f6565c20eef084fad4652168-1024x735.jpg)
インストール場所を設定。問題なければインストールボタンをクリックします。
![](https://newmtube07.com/wp-content/uploads/2020/09/3ac030f74228f745cbede80fd7d1320e-1024x722.png)
インストールが完了したら、閉じるボタンをクリック。
![](https://newmtube07.com/wp-content/uploads/2020/09/6ca1155441b2d9e1d1315d879d69e582-1024x729.png)
これでインストール作業は終了です。
MAMPの利用方法
続いて、MAMPの利用方法をみていこうと思います。
インストールした内容の確認
Macの場合、「Finder」→「アプリケーション」内に以下2つが追加されているかと思います。
- MAMP PRO.app
- MAMP_インストール日時
ですが、MAMP PRO.appの方は有料となってしまうので、消してしまって問題ないです。
MAMP_インストール日時のファイルの中に「MAMP.app」があります。
これがローカル環境で利用するアプリになりますので、アプリケーションは配下に移しておきましょう。
MAMP.appの起動
起動すると以下の画面が出力されます。
![](https://newmtube07.com/wp-content/uploads/2020/09/59c4de3f83805eab13790cf3d069698b-1024x810.jpg)
こちらの画面でローカルサーバーを起動/停止したりしていきます。
また、サーバーを開始したら、以下のようがサイトが立ち上がります。
![](https://newmtube07.com/wp-content/uploads/2020/09/59a88df6cd6d9a22abc45412a167d9c5-1024x534.jpg)
こちらの画面では、ローカルでMySQLに接続するための情報やMAMPに関するニュースが記載されたものとなりますが、重要な情報は真ん中ぐらいに記載されているので、軽く目を通す程度でOKです。
![](https://newmtube07.com/wp-content/uploads/2020/09/500df600a493057605e71772040f3b34-1024x614.jpg)
“phpMyAdmin”のリンクをクリックするとMySQLのデータベースやテーブルなどを設定できる画面に遷移できます。
この画面はよく使うので、ブックマークをしておくのがオススメです。
尚、最初は英語表記になっているので、わかりやすくするために日本語に設定しておきましょう。
設定方法に関しては以下の記事でまとめているので、ぜひご覧ください。
MAMP.appのファイル保管場所
続いて、MAMPファイル内にデータを作成していくのですが、こちらも一部変更があるので、みていきましょう。
現在、MAMPファイルの中身は以下のようになっているかと思います。
変更箇所は一箇所で赤く囲った”file_data”を”htdocs”に書き換えます。
![](https://newmtube07.com/wp-content/uploads/2020/09/a4c0aa1ca580d1a8ddeea9cc6e6084e4.png)
これだけでOKです。
後はhtdocsファイル内にPHPやHTMLのファイルなどを追加していきます。
ローカル環境をブラウザで表示する
最後にGoogle Chromeなどを用いてブラウザ表示を行っていきましょう。
先ほど、変更したhtdocsファイル内にHTMLファイルを作成しておいてください。
続いて、以下のURLにアクセスします。
「http://localhost:自身のポート番号/」
すると、以下のような画面になるかと思います。
![](https://newmtube07.com/wp-content/uploads/2020/09/467caf47791f39d0c1b2e161c6197914-1024x619.png)
こちらの「test.html」をクリックすると画面が表示されるかと思います。
これでローカル環境をブラウザで表示は完了です。
尚、htdocsファイル内に端的にファイルを生成していくととてもわかりづらくなっていくので、フォルダごとに分けて管理することをオススメします。
まとめ
いかがだったでしょうか。
今回はMac環境でMAMPを用いたローカル環境の構築方法を解説してきました。
ローカル環境の構築はシステムを開発していく上でとても大事なものなので、ぜひしてみてください。
もし、この記事に関して分からない事や質問がある場合は、お問い合わせページまたはTwitterのDMまで連絡を頂ければと思います!!!
(ついでにフォローしていただけると最高に嬉しいです笑)
では!See you again!(´∀`)