Mac+XAMPPでWeb制作環境を構築してみる【準備〜インストール編】

XAMPPはWebサーバを稼働するために必要なパッケージがひとまとめになったもので、基本でApache・MySQL・Perl・PHPがセットになっており、簡単にWebサーバ環境を構築することができます。ちなみに「ザンプ」と読むらしいです。

XAMPPはいくつか種類がある

XAMPPはクロスプラットフォームで動作する、という前提で用意されており、Windows、Linux、そしてMacそれぞれのパッケージが用意されています。

しかし、バージョンには大きな差異があり、Windows版とLinux版は2012/7/13であるのに対し、Mac版は2010/03/04とかなり古いものとなっています(Solaris版ですら2011/9/20)。 当然ながらApache等のバージョンも低く、Windows版は2.4.2、Mac版は2.2.14と、なかなかの迫害ぶりを受けている状態です。

Mac版は別プロダクトでMAMPというものがあり、そちらのほうがメインになっているようです。といっても、Apacheは2.2.22なのでXAMPPとあまり変わりありませんが・・・。

MAMPは無料版と有料版であるMAMP PROの2種類があり、無料版との違いは幾つかの設定がGUIで行えるぐらいで、なんと59ドルします…

前置きが相変わらず長くなりましたが、結論としては、MAMP PROに59ドル払う必要もないし、Mac上で使う分にはXAMPPもMAMPバージョンもそれほど違いがないので、XAMPP for Mac OS X版を使用することにします。

インストールは至極簡単

インストールはびっくりするほど簡単です。

  1. apache friends – xampp for mac os xへ移動し、「XAMPP Mac OS X 1.7.3」のリンクをクリック、自動でダウンロード開始。
    20120910:Mac+XAMPPでWeb制作環境を構築してみる【準備〜インストール編】001
  2. ダウンロードした「xampp-macosx-1.7.3.dmg」をマウント。
  3. 表示されたウインドウの指示通りにXAMPPのフォルダをApplicationsフォルダへ移動して完了。
    20120910:Mac+XAMPPでWeb制作環境を構築してみる【準備〜インストール編】002 

Windowsのようなインストーラも必要ありませんでした。ちなみにMAMPはダウンロード欠損が多い上にpkgでインストールする必要があり、アンインストーラもまともに動きません。

起動も簡単

  1. アプリケーションフォルダにXAMPPがあるので、その中にある「XAMPP Control」アプリを起動。
  2. 「Apache」「MySQL」「FTP」の起動ボタンが表示されたら、とりあえず「Apache」の「Start」をクリック。
  3. アカウントのパスワードを入力してランプが緑になれば起動成功
    20120910:Mac+XAMPPでWeb制作環境を構築してみる【準備〜インストール編】003 

ブラウザ上から「http://localhost」と入力すればXAMPPのようこそ画面が表示されます。このあと、幾つかのセキュリティ設定やバーチャルホスト等の設定を行うのですが、これはまた次回。
20120910:Mac+XAMPPでWeb制作環境を構築してみる【準備〜インストール編】004 

注意点

Web共有は無効にしよう

Web共有はMacをAir Mac ExpressのようにMacをアクセスポイント化できたりする便利な機能なのですが、XAMPPを使う際にはいろいろ不都合が出るので無効にしておきましょう。システム環境設定→共有から変更できます。
20120910:Mac+XAMPPでWeb制作環境を構築してみる【準備〜インストール編】005 

プロキシの除外リストに「localhost」を入れておこう

ネットワーク接続にプロキシを使用している場合、まれにlocalhostがプロキシに引っかかることがあるので、localhostを「プロキシ設定を使用しないホストとドメイン」に追加しておきましょう。システム環境設定→ネットワーク→詳細→プロキシから変更できます。
20120910:Mac+XAMPPでWeb制作環境を構築してみる【準備〜インストール編】006 

アンインストールに「App Cleaner」等のアプリは絶対に使わないように!

アンインストールするときにAppCleaner等のアンインストールアプリを使うと、他のシステムファイルを巻き込んでゴミ箱に持って行ってしまいます。

なので、アンインストールするときは必ずXAMPPフォルダのみ削除するようにしましょう。

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中