【本番環境に反映する前にテストしてみよう】WindowsにXAMPPをインストールする方法

例えばWeb制作を仕事としている方なら、制作したものを本番環境に反映する前にテストの環境を作って動作や表示などを確認することもあると思います。

私個人的には、一度テストを挟んだほうが精神的にも安定します。テスト段階でミスを見つけて対処できれば、本番環境にそのミスをさらすことを防げるのでおすすめです。

というわけで、そのテスト環境を自分のパソコン(ローカル)に作る方法の1つとしてXAMPPを使うことがあります。今回は、そのXAMPPをインストールする方法について書きましたので、機会がありましたらご参考ください。

XAMPPファイルのダウンロード

まずは、XAMPPの公式サイトにアクセスしてファイルをダウンロードしましょう。今回はWindows10を使っているものとして進めます。「Windows向けXAMPP」をダウンロードします。(Mac,Linux版もあります)

windows10installxampp00

XAMPPをインストールしよう

ウィルス対策ソフトを入れていると・・・

XAMPPの公式サイトでダウンロードしたファイルを実行してインストールをします。と、間もなく下のような表示が出ることがあります。ウイルス対策ソフトが動いている状態だとこのような表示が出ます。

windows10installxampp001

メッセージを読むと「インストールの際に処理が遅くなる可能性がある」みたいなことが書かれています。私の場合はそのまま「Yes」で進めてもインストールできましたが、もしインストールに失敗するようでしたら一度ウイルス対策ソフトを停止してから、再度インストールをしましょう。

ユーザーアカウント制御によるXAMPP機能の制限

次に進めると、下のような表示が出ることがあります。

windows10installxampp12

メッセージを読むと、ユーザーアカウント制御(UAC)機能によってXAMPPの機能が制限されるので、以下のいずれかの方法でインストールしてね、と案内されていますね。

  • C:\Program Files(x86)以外にインストールする
  • UACを無効にする

インストール先を変更したほうが手っ取り早そうです。というわけで、インストール先に注意することを忘れないようにして「OK」で次に進みます。

コンポーネントを選ぶ

インストールするコンポーネントを選びます。例えばデータベースを利用したい方はMySQL(MariaDB)にチェックを入れておかないといけないですね。(デフォルトではすべてにチェックが入っていました)

特に変更する必要がなければそのまま何も触らず「Next」で次に進みます。

windows10installxampp004

インストール先フォルダを選ぼう

「インストール先に注意」という話が前にありましたが、C:\Program Files(x86)以外にインストールすればOKです。インストール先を選んで「Next」で次に進みます。

windows10installxampp005

Bitnamiについて

Bitnamiは、WordPress,Drupal,Joomla!など人気のあるオープンソースのアプリのインストールを補助をしてくれるものです。必要ないな、と思ったら「Lean more about Bitnami for XAMPP」のチェックを外しましょう。

windows10installxampp006

インストール準備ができたら

ここまで進んだら、インストールの準備は完了しています。「Next」でインストールが始まります。

windows10installxampp007

インストール中・・・

windows10installxampp008

インストール後にコントロールパネルを起動しよう

インストールが終わると下のような表示が出ます。「Do you want to start the Control Panel now?」にチェックを入れて「Finish」で、表示を閉じた後コントロールパネルが起動します。

windows10installxampp009

コントロールパネルの起動の前に言語を選択できます。選んで「Save」します。

windows10installxampp010

XAMPPのコントロールパネルが表示された

下のようにXAMPPのコントロールパネルが表示されます。

windows10installxampp011

Webサーバーの「Apache」とデータベースサーバー「MySQL(MariaDB)」を起動してみましょう。「Actions」の欄から「Start」で起動できます。起動がうまくいくと、「Module」の欄で起動したモジュール名に緑色の背景がつきます。(失敗すると赤色の背景などがつきます)

windows10installxampp012

動作チェックをしてみよう

XAMPPがちゃんと動いているのか確認しましょう。ブラウザー(Google ChromeやFire Foxなど)を開いてアドレスバーに「localhost」と入力してアクセスします。

下のように表示されればXAMPPは起動しています。

windows10installxampp014

以上でインストールは完了です。

もしローカル環境にXAMPPをインストールする機会がありましたら、ご参考いただけますとうれしいです。

著者:bouya Imamura