Webサイト制作・開発、HTMLメール制作、Webコンサルティングなら

ocws[ オクワス ]

ローカル環境にMAMPをインストールしたときの手順と設定

MAMP in Mac
Macのローカル環境でサーバーを動かしたいとき一番始めに候補として出てくるのがMAMPだと思います。 今回はそのMAMPをローカル環境にインストールして正常に動かす方法をまとめたいと思います。

背景

今回、なぜローカル環境で構築しようと考えたかというと、一つにWordPressのオリジナルテーマを作りたいという思いがありました。その時に必要になるのが、表示のされ方や見た目(デザイン)のチェックです。本番サーバーにあげての作業は考えられません。かといって、テストサーバーを作るとなれば、個人でやっているということもあり金銭面などの問題が生じてきます。そこでMAMPを使ったローカル環境でのチェックが必要となりました。

MAMPのインストール

まず、何はともあれMAMPのサイトからMAMPをインストールします。
普通のMAMPのところをクリック
インストールしたzipを解凍したら、pkgファイルが出てきますのでこれをクリックし、指示にしたがってインストールして下さい。
MAMPのインストール
インストールし終わったら、アプリケーションフォルダ中にMAMPとMAMP PROの2つのフォルダが存在すると思います。MAMPフォルダの中にあるMAMPのアプリケーションを起動しましょう。
MAMPを開くと下記のウィンドウが表示され、ApacheサーバとMySQLサーバが赤色から緑色に変わるはずです。
MAMPのウィンドウ
それと同時にスタートアップページが表示されます。この表示がでれば、インストールが完了し正常に動作している状態になります。
MAMPへようこそ
これでMAMPのインストールが完了しました。

ローカル環境でサイトの表示

MAMPのインストールは終わったので、次に肝心のhtmlデータ等の表示の方法について説明したいと思います。 表示自体はすごく簡単です。アプリケーション/MAMP/htdocs配下にファイルデータを置くだけです。 例えば、htdocs/test.htmlを置いたなら、MAMP起動時に任意のブラウザでhttp://localhost:8888/test.htmlにアクセスするとtest.htmlの内容が表示されます。

MAMPの設定

環境設定で細かい設定を行うことができます。

起動・停止

MAMPの起動時、終了時の設定を行うことができます。始めは起動時にスタートページを表示にチェックが入っていますが毎回スタートページを開かれてはめんどうなので私はチェックを外しています。
起動・停止のウィンドウ

ポート

Apacheのポートを初期値の「8888」から「80」、MySQLのポートを初期値の「8889」から「3306」に設定し直します。
ポートのウィンドウ
Apacheの標準ポートの80にポートを変更することでポート番号の指定を下記のように省略することができます。
http://localhost/test.html
これでMAMPの設定が完了しました。 MAMPのインストールと設定が完了しましたのであとは好きなだけデザインチェックするなり、表示方法を変えたりするなり、ローカル環境で試し放題になりました。

お問い合わせ・ご相談CONTACT

オクワスでは、Webを通して魅力を最大限に伝えるお手伝いをしております。ホームページ制作やWebからの集客などでのお困りごと、Web開発で人手が足りないなどございましたら一度お気軽にご連絡ください。

お問い合わせフォームまたは𝕏のDMからご相談お受けしております。

お問い合わせフォームへDMからご連絡ください
© 2015 - 2025 Okuda Kouki