今さら聞けない!XAMPPをインストールする方法【超初心者向け】現役エンジニアが解説

Webアプリケーションの開発環境「XAMPP(ザンプ)」をインストールする方法を、画像を13枚使って初心者向けに解説する記事です。インストール方法の他に、ApacheとMySQLの使い方もあわせて紹介します。

TechAcademyマガジンは受講者数No.1のオンラインプログラミングスクールTechAcademy [テックアカデミー]が運営。初心者向けに解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。

プログラミング初心者にとって、開発環境の構築は最初難しいこともあると思います。

そこで、今回は開発環境のうち使われることも多い「XAMPP(ザンプ)」をインストールする方法と、簡単な使い方・設定方法をご紹介します。

ぜひ記事を参考にインストールしてみてください。

(※記事のインストールする環境のOSはWindows10です)

 

目次

本記事では、下記の手順でXAMPPをインストールしていきます。

そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。

 

XAMPPとは?

XAMPPとは、Webアプリケーション開発に欠かすことのできないソフトウェアとそれ以外にもあると便利なツールを、無料で一括インストールすることができるパッケージのことです。

そもそも、Webアプリケーションを作成するには最低でも、

  • Apache(Webサーバ)
  • MySQL(SQLデータベース)
  • Webプログラミング言語(PHP、Rubyなど)

が必要になります。

しかし本来この3つのソフトウェアはそれぞれ別の団体で作成・アップデートされているため、個別にダウンロード・インストールする必要があります。

これらのソフトウェアのインストールは、Webアプリケーション開発を初めてする人にとっては理解しにくいところがあるため、肝心のアプリ開発の前に挫折することもあるでしょう。

そんな時に役に立つのが「XAMPP」です。

ただし、XAMPPはパッケージとしての特性上、ソフトウェアによっては最新版のものでなかったりすることもあります。

そのため、商用利用する際は、セキュリティ面からそれぞれのソフトウェアのバージョンアップが必要があるのでご注意ください。

 

大石ゆかり

色んなソフトウェアで成り立っているんですねー。

田島悠介

Webアプリケーションって何か特別な感じがするけど、プログラムで作られているソフトウェアで成り立っているんだ。

大石ゆかり

テスト環境では、セットでダウンロードした方がいいですね。

田島悠介

そうだね。XAMPPっていうパッケージが一般的なので、これをインストールしてみよう!

 

[PR] PHPプログラミングで挫折しない学習方法を動画で公開中

XAMPPのインストール方法

ここからは、XAMPPのダウンロード・インストール方法をご紹介します。

 

(1)XAMPPパッケージをダウンロード

まずは、Apache Friendsにアクセスします。

上記画像赤枠の「Windows向けXAMPP8.0.2(PHP8.0.2)」をクリックしてください。Macの場合は「Apple向けXAMPP」をクリックしてください。

なお、「8.0.2」の部分はバージョンです。執筆時点では「8.0.2」でしたが、パッケージの更新により変わる可能性があります。

 

クリック後、下記画面に切り替わりインストーラーのダウンロードが開始されます。ダウンロードが完了するまで少々お待ちください。

 

ここで、ダウンロードしたファイルは「xampp-windows-x64-8.0.2-0-VS16-installer.exe」になります。

このファイル名もパッケージのバージョンによって変わる可能性があります。

 

 

(2)XAMPPインストール

先ほどダウンロードした、「xampp-windows-x64-8.0.2-0-VS16-installer.exe」をダブルクリックします。

 

最初に以下の警告が表示されます。

これは「C:¥Program Files にインストールするとユーザ権限の関係でXAMPPの動作が制限される」という意味です。

別のフォルダにインストールするため、問題ありません。OKをクリックします。

 

ここで下記画面が表示されますので、「Next」をクリックしてください。

 

次にインストールするソフトウェアを選択する画面が表示されます。

今回はすべてのソフトウェアをインストールするので、全ての項目にチェックを入れて「Next」をクリックしてください。

※注意
既にインストールされているソフトウェアは灰色になり、選択できません

 

続いて、インストールするフォルダの選択です。

デフォルトでインストール先は「C:\xampp」になっているので、ここは変更せずに「Next」をクリックしてください。

※注意
インストール後、「C:\xampp」は約740MBのフォルダになるので、Cドライブの容量にお気をつけてください。

 

次は言語の選択です。日本語は選択できないため「English」のまま「Next」をクリックしてください。

 

ここで表示される画面は「BitNami」という、オープンソースプロジェクトについての説明になります。

今回は「XAMPP」のインストールのご紹介ですので、下記画面緑枠のチェックは外して「Next」をクリックしてください。

WordPressやRedmineに興味がある方は、別途「BitNami」を確認してみてください。

 

最後に「XAMPP」をインストールしていいか聞かれるので、今までと同様に「Next」をクリックしてください。

 

クリック後、下記画面が表示されます。

お使いのPCのスペックにもよりますが、インストールには1分~5分程度かかります。

 

このように表示されたらインストール完了です。

このあと、「XAMPP」の動作確認をするので、画面赤枠のチェックボックスにチェックを入れた状態で、「Finish」をクリックしてください。

また、普段XAMPPを使う場合は「スタートボタン」→「XAMPP」→「XAMPP Control Panel」をクリックすると開きます。

 

大石ゆかり

インストールは、フォルダを選択するぐらいで、けっこう簡単ですねー。

田島悠介

パッケージになっていて便利だね。

大石ゆかり

ただ、ちょっとソフトウェアが多いですね。

田島悠介

簡単に説明すると、Apacheがウェブサーバーで、基本的にはファイルとフォルダを返すんだ。

MySQLがデータベース、FTPサーバーがFilleZilla、メールサーバーがMercury、WebalizerはApacheのログを詳しく解析してくれて、TomCatはJavaで作られたWebサーバーでPHPとPerlはプログラミング言語なんだ。

 

XAMPPの使い方

最後にXAMPPの簡単な使い方を紹介します。

今回は、「Apache」と「MySQL」の実行方法について説明します。

 

操作はいたって簡単で、下記画面の赤枠の「Start」をクリックするだけです。

 

正常に「Apache」「MySQL」が起動すれば、下記画面のように、PID(s)、Port(s)に数字が表示されます。

この時の注意点です。

お使いのPCに「Skype」がインストールされている場合、「Apache」が起動できないことがあります。

 

その場合は、Windowsのデスクトップの右下にあるインジケータでSkypeアイコンを右クリックし「Skypeを終了」を選択してSkypeを終了させます。

その後、改めて「XAMPP」を起動して、「Apache」を起動してください。

 

おわりに

XAMPPのインストール方法は以上です。

インストールが完了したら、XAMPPの文字化けを直すためにphp.iniの設定を合わせて行いましょう。

 

監修してくれたメンター

太田和樹(おおたかずき)

ITベンチャー企業のPM兼エンジニア

普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。

開発実績:画像認識技術を活用した駐車場混雑状況把握、音声認識を活用したヘルプデスク支援システム、ロボットアプリの開発、大規模基幹系システムの開発・導入マネジメント。著書「知識ゼロからの機械学習入門(技術評論社)」。

地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。

 

大石ゆかり

Skypeがポート番号を使っていることがあるんですねー。バッティングすると少し面倒なことになりそうですね。

田島悠介

そうだね。プログラムって、ポート番号を指定して立ち上げることも出来るんだよね。

大石ゆかり

プログラムがポート番号を使うんですか?何か実際の例はありますか?

田島悠介

例えばブラウザにhttps://www.yahoo.co.jp:443って接続するとわかりやすいかな。Webサーバープログラムに接続してるんだよね。他の番号を入力するとエラーになるから、443には何かプログラムが起動しているってわかるよね。

 

テックアカデミーでは、初心者でもPHPやフレームワークのLaravelを使ってWebアプリケーション開発を習得できるオンラインブートキャンプPHP/Laravel講座を開催しています。

挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。