【Mac】XAMPPをインストール!ローカルにサーバー環境を構築する使い方を解説!

この記事では、XAMPPとは何か、Macでのインストール方法やインストールする際の注意点について解説しています。また、Macにインストールした後の簡単な使い方、XAMPPとMAMPの違いやMAMPについても解説しています。

目次

  1. 1Mac用のXAMPPとは?
  2. XAMPPのインストール方法
  3. 2Mac用XAMPPの初歩的な使い方
  4. ローカル開発環境の準備
  5. XAMPPの使い方
  6. 3Mac用XAMPPとMAMPとの違い
  7. MAMPとは?
  8. XAMPPとMAMPはどう違うのか
  9. 4Mac用XAMPPを使いこなそう!

Mac用のXAMPPとは?

Macでプログラミングをする際、開発環境の構築がプログラミング初心者にとっては第一関門と言えるでしょう。そこで、この記事ではMacで開発環境によく使われる「XAMPP(ザンプ)」についてご紹介していきます。

まずはじめに、XAMPPとは何かをご紹介していきます。XAMPPとは、Webアプリケーションを作成するために最低でも必要となる、「Apache(Webサーバ)」、「MySQL(SQLデータベース)」、「Webプログラミング言語(PHPなど)」のソフトウェアを一括でインストールできるものです。

本来これらのソフトウェアは別の団体、会社から作成、販売されているため、個別でインストールする必要があるのですが、初めてローカルでWebアプリケーション開発する方にとっては難しいところもあるのですが、その時に役立つのがこの「XAMPP」なのです。

このXAMPPをMacでインストールする際の注意点としては、XAMPPはパッケージの特性上、使っているソフトウェアによっては最新版をインストールできないことがあります。ですので、商用にXAMPPを利用する場合にはセキュリティ強化のためにそれぞれのソフトウェアをバージョンアップしなければいけません。

XAMPPのインストール方法

それでは、次は実際にMacでXAMPPをインストールするための方法をご紹介します。もともとはWindows用に提供されていたXAMPPですが、今ではMac用にも提供されているので簡単にローカルでインストールできます。

まず、XAMPPのオフィシャルサイトから、XAMPP-VMをダウンロードしていきます。まず、オフィシャルサイトを開いていきましょう。以下のリンクからXAMPPのオフィシャルサイトにアクセスが可能です。

XAMPPオフィシャルサイト

Mac用に使っていくこのXAMPP-VMは、MacをホストとしてWeb開発環境を構築していくので、ホストとMacの環境がこんがらがってしまいがちなのですが、このVM(virtual machine、仮想マシンのこと)は、ゲストのLinuxを仮想環境とするので混乱がなくなるのが特徴です。

通常のXAMPPを利用したい方は、オフィシャルサイトのダウンロードページからOS X向けの項目を選んでダウンロードすることが可能です。まずオフィシャルサイトのトップページを開き、XAMPP-VMをクリックします。この時、OS X向けのものを忘れずに選ぶようにしましょう。

続いて、ダウンロードされたファイルを展開(解凍)し、そのままXAMPPをアプリケーションフォルダへ移動します。

ここで注意しなければいけないのが、XAMPPを開く時です。XAMPPのアプリケーションはAppleに登録されていないため、以下のように「XAMPPの開発もとを確認できないため、開けません」という警告が表示されます。

ですが、Appleに登録されていないだけで、ウイルスが含まれているなど危険があるものではないため、セキュリティの設定を変更して対応しましょう。まず、スクリーン左上のAppleマークをクリックし、システム環境設定のページを開きます。

システム環境設定のページを開いたら、「セキュリティーとプライバシー」を開きます。「一般」のタブを選択し、ダウンロードしたアプリケーションの実行許可の項目にあるXAMPPを選択、「このまま開く」をクリックすると、無事にXAMPPを開くことができます。

インストール、立ち上げに成功したら、XAMPPのコントロールパネルも立ち上がるので、このコントロールパネルが立ち上がればインストール完了です。

Mac用XAMPPの初歩的な使い方

続いて、この項目ではXAMPPの基本的な使い方や設定をご紹介していきます。この使い方を覚えてしまえばWeb開発を始めることができるので、こちらも合わせてチェックしてみてください。

ローカル開発環境の準備

それでは、はじめにローカル開発環境の準備の方法を簡単に説明していきます。

関連するまとめ

関連するキーワード

この記事のライター
nyamy19

人気の記事

新着まとめ