[2015]MAMPでWordPressのローカル環境を作る-1.MAMPをインストール

Title Image

昔に”MAMPでWORDPRESSのローカルテスト環境を作る”という記事を書きました。なんと4年ちょっと前です。しかし結構これにはアクセスがあるんです。微々たるアクセスの中のちょっと多いだけですけどね。

最近Yosemiteにしたことですし、SSDにしたところ(データはまだ移行中)でクリーンインストールしたことだし!新しいのを詳しく書いてみたいと思います。今回は複数回にしてさらに詳しく書きます! 

まずはじめはMAMPのインストールからいってみましょう!

必須環境は

  • Mac OSX 10.6.6以上
  • 64bitプロセッサー(Intel)であること。
  • 管理者権限でMacにログインしていること

です。よほど古くない限りは大抵問題ないです。
私のは2009 LateのMacbookですから。

MAMPをダウンロードする

まずはMAMPのページへ行きます。

公式サイト: MAMP & MAMP PRO

“download”ボタンがあるので、それをクリック、もしくは上部の”downloads”でも同じページに飛びます。

Downloadします

次のページで実際のバージョンのが落とせますので、オレンジのボタンの”Download”ボタンをクリック。255MBあるのでちょっと待ちます。

さらにもう一度downloadボタンをクリック

ダウンロードができたら、ダブルクリックでインストール開始です!

はじめの画面で”続ける”をクリック。
クリック

次の画面でつらつらと英文が出ますが、”続ける”をクリック。
表示されている内容は
「アプリケーションフォルダー内にMAMPとMAMP PROってフォルダー2つ作るから移動させたり名前変えたりしないでね」

という注意書きです。

注意書きがでるけど無視!

次も”続ける”をクリック。
クリック

使用許諾契約条件に同意するんで”同意する”をクリック。
インストールしてもいい?

インストールする場所を聞いてきます。そのままでも全然問題ないのですが、そのままインストールボタンを押すと、MAMP PROまでインストールされるのでカスタマイズを選んで、要るものだけインストールしましょう。
カスタムがおすすめ

MAMP PROの前のチェックボックスのチェックをはずしてから”インストール”をクリックします。
チェックをはずしてから…

Macがインストールしていい?と聞いてきますので、Macのユーザー名(は入った状態ででてきます。)とパスワードを入力して、”ソフトウェアをインストール”をクリック。
Macがインストールしていいか聞いてくる

するとすらすらすらっとインストールが始まります。無事終わると、”インストールが完了しました”と、この画面が出るので、”閉じる”をクリックします。
インストール完了!

Launch Padを開くと、MAMPとSequel Proというのが増えてると思いますが、一つは後回しにしてMAMPをクリックします。インストールのところで通常のインストールを選択していたとすると、さらにMAMP PROも表示されています。
二つ入ってるけど

設定はいろいろあるのですが、とりあえず起動してみましょう。”サーバを起動”をクリックします。
とりあえず起動しろ!

少したつと、クリックしたところと、その右斜め上にある “Apacheサーバー”と”MySQLサーバー”と書かれたところ横の四角が緑になります。なったら無事起動したということです!
緑が正解!

それと同時にブラウザー上に、MAMPのスタート画面と言われる、”ようこそ〜”とPHP, MySQLの情報が書かれた画面が出てきます。
webサイトも開きます

これで基本の準備が整いました。サーバーが稼働しています。

WordPressを入れる前にテストしてみましょう。
テキストエディットか何かで空白でもいいのでテキストファイルでindex.htmlという名前で保存してください。私はsampleという言葉を入れました。

それをアプリケーションフォルダー>MAMP>htdocsの中に入れてください。
インストールの時に表示されていたフォルダーを動かさないで!というのはこのフォルダーのことです。

mampのフォルダ場所

ブラウザーに移動して、アドレスhttp://nilorior.com:8888/index.htmlを入れて実行。
アドレスを打ち込みます

sampleという文字が表示されるはずです。これでテストも完了。htdocsに入れた書類が表示されてることを確認できました。
きちんと表示された!

このテスト環境のためのローカルサーバーが生きてることが実証されたのはいいけど、毎回後ろについてる:8888を打つのがなんか邪魔、だと思ったアナタ!私は十分邪魔だと思いましたのでこれをなくして、さっきのindex.htmlならhttp://nilorior.com:8888/index.htmlとなっていたのをhttp://nilorior.com/index.htmlとなるようにしてしまいます!
あ、面倒ならしなくていいですヨ。

一度サーバーを止めるのでMAMPの画面に戻って、緑になっている”サーバーを停止”ボタンをクリックします。

それから左側の”環境…”をクリックします。
環境…をクリック

設定が表示されるので、上部の”ポート”を選んでから、”WebとMySQLのポートを80と3306に設定”をクリック。OKをクリックします。
ポートタブで設定

エラーでるやん!そうなんですエラーでるんです。これは仕様の問題なんでOKをさらっとクリックします。
エラー出るやん!

これは、”WebとMySQLのポートを80と3306に設定”をクリックしたときに入る数値がApacheポートとNginxポートのが同じになってるからなのです。なのでNginxにははじめに入っていた数値”7888″を入れておきます。これでOKをクリックするとエラーは出ません。正直Nginxて何か知りません。
7888にもどすよ

そしてまたMAMPを起動させて、緑になったのを確認したらブラウザーにhttp://nilorior.com:8888/index.htmlを入れて実行。
またもやきちんと表示された!

これでアプリケーションフォルダーの中のMAMP>htdocsの中に入れたファイルindex.htmlがhttp://nilorior.com:8888/index.htmlに反映されていることになりました。

次回はここにWordPressを入れていきます。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください