今さら聞けない！XAMPPをインストールする方法【超初心者向け】現役エンジニアが解説
Webアプリケーションの開発環境「XAMPP（ザンプ）」をインストールする方法を、画像を13枚使って初心者向けに解説する記事です。インストール方法の他に、ApacheとMySQLの使い方もあわせて紹介します。
テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査
プログラミング初心者にとって、開発環境の構築は最初難しいこともあると思います。
そこで、今回は開発環境のうち、使われることも多い「XAMPP（ザンプ）」をインストールする方法と、簡単な使い方・設定方法をご紹介します。
ぜひ記事を参考にインストールしてみてください。
（※記事でインストールする環境のOSはWindows10です）
目次
本記事では、下記の手順でXAMPPをインストールしていきます。
そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。
XAMPPとは
XAMPPとは、Webアプリケーション開発に欠かすことのできないソフトウェアとそれ以外にもあると便利なツールを、無料で一括インストールすることができるパッケージのことです。
そもそも、Webアプリケーションを作成するには、最低でも以下が必要になります。
しかし本来この3つのソフトウェアはそれぞれ別の団体で作成・アップデートされているため、個別にダウンロード・インストールする必要があります。
これらのソフトウェアのインストールは、Webアプリケーション開発を初めてする人にとっては理解しにくいところがあるため、肝心のアプリ開発の前に挫折することもあるでしょう。
そんな時に役に立つのが「XAMPP」です。
ただし、XAMPPはパッケージとしての特性上、ソフトウェアによっては最新版のものでなかったりすることもあります。
そのため、商用利用する際は、セキュリティ面からそれぞれのソフトウェアのバージョンアップが必要になるのでご注意ください。
いろんなソフトウェアで成り立っているんですねー。
Webアプリケーションって何か特別な感じがするけど、プログラムで作られているソフトウェアで成り立っているんだ。
テスト環境では、セットでダウンロードした方がいいですね。
そうだね。XAMPPっていうパッケージが一般的なので、これをインストールしてみよう！
[PR] PHPプログラミングで挫折しない学習方法を動画で公開中
XAMPPのインストール方法
ここからは、XAMPPのダウンロード・インストール方法をご紹介します。
(1)XAMPPパッケージをダウンロード
まずは、Apache Friendsにアクセスします。
上記画像赤枠の「Windows向け XAMPP8.0.2(PHP8.0.2)」をクリックしてください。
Macの場合は「OS X向け XAMPP8.0.2(PHP8.0.2)」をクリックしてください。
なお、「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がWebサーバで、基本的にはファイルとフォルダを返すんだ。
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」を起動してください。
コスパとタイパ、両方結果的に良くなる良くなる学び方とは？
「スクールは高いし時間も縛られて効率が悪い」と考える方は多いと思います。
もちろん、時間も費用もかかることは間違いありません。
ただ
結果的に無駄な学びにお金も時間もかける方がリスクが高いという考えもあります。
コスパ・タイパ最適化の参考として、
テックアカデミー卒業生がスクールを選んだ理由
をご紹介します。
- ・困ったときに、質問や相談できる相手がいるため挫折しなかった
- ・プロとして必要なスキルのみを深く学べたので無駄がなかった
- ・副業案件の提供と納品までのサポートがあったので目的を達成できた
安価・短期間で広く浅く学んでも意味がありません。
本当に自分の目的が達成できるか、それが重要です。
自分にどのスキルや学び方が合っているか、どんな学習方法かなど、お気軽に
無料相談
に参加してみませんか？
カウンセラー・現役のプロへ、何でも気軽に無料相談可能。
30分か60分お好きな時間が選べて、かつ3回まで
すべて無料で
ご利用できます。
無理な勧誘は一切ない
ので、お気軽にご参加ください。
おわりに
XAMPPのインストール方法は以上です。
インストールが完了したら、XAMPPの文字化けを直すためにphp.iniの設定を合わせて行いましょう。
執筆してくれたメンター
| 太田和樹（おおたかずき）
ITベンチャー企業のPM兼エンジニア 普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。 開発実績：画像認識技術を活用した駐車場混雑状況把握、音声認識を活用したヘルプデスク支援システム、ロボットアプリの開発、大規模基幹系システムの開発・導入マネジメント。著書「知識ゼロからの機械学習入門（技術評論社）」。 地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。 |
Skypeがポート番号を使っていることがあるんですねー。バッティングすると少し面倒なことになりそうですね。
そうだね。プログラムって、ポート番号を指定して立ち上げることも出来るんだよね。
プログラムがポート番号を使うんですか？何か実際の例はありますか？
例えばブラウザにhttps://www.yahoo.co.jp:443って接続するとわかりやすいかな。Webサーバプログラムに接続してるんだよね。他の番号を入力するとエラーになるから、443には何かプログラムが起動しているってわかるよね。
テックアカデミーでは、初心者でもPHPやフレームワークのLaravelを使ってWebアプリケーション開発を習得できるオンラインブートキャンプPHP/Laravel講座を開催しています。
挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
プログラミングを独学で学習していて、このように感じた経験はないでしょうか？
- ・調べてもほしい情報が見つからない
- ・独学のスキルが実際の業務で通用するのか不安
- ・目標への学習プランがわからず、迷子になりそう
テックアカデミーでは、このような
学習に不安を抱えている方へ、マンツーマンで相談できる機会を無料で提供
しています。
30分間、オンラインでどんなことでも質問し放題です。
「受けてよかった」と感じていただけるよう
カウンセラーやエンジニア・デザイナー
があなたの相談に真摯に向き合います。
「自分に合っているか診断してほしい」
「漠然としているが話を聞いてみたい」
こんなささいな悩みでも大丈夫です。
無理な勧誘は一切ありません
ので、まずはお気軽にご参加ください。
※体験用のカリキュラムも無料で配布いたします。（1週間限定）
