【XAMPP】初めてのXAMPPインストール ~Windows10
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/WindowsへのXAMPPインストール手順.png?resize=1360%2C765&ssl=1)
“XAMPP”はウェブの環境構築に必要な複数のアプリケーションをまとめて設置できるパッケージです。
本番運用環境に使うことはセキュリティ上NGですが、ローカルな開発環境・検証環境としては十分ですので、これからウェブ環境を勉強しようとする人にはとても便利ですね。
今回はWindows10環境への”XAMPP”インストールの手順を解説します。
このページはAmazonアソシエイト含むアフィリエイト広告を掲載しています。
インストーラーのダウンロード
以下のXAMPP公式ページから、自分の環境にあったインストーラーをダウンロードします。
![XAMPP Installers and Downloads for Apache Friends](https://i0.wp.com/grow-knowledge.jp/wp-content/themes/jinr/lib/img/noimage.png?resize=128%2C72&ssl=1)
時期によってバージョンが異なりますが、特に制限がなければ最新版をダウンロードしましょう。>下記青枠の四角
開発済みサイトの検証環境を構築する等、バージョンの制限があれば「その他のバージョンについては、~」をクリックして、対応するバージョンのインストーラーを探します。>下記赤枠の丸
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_1.png?resize=1024%2C646&ssl=1)
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_2.png?resize=1024%2C646&ssl=1)
ダウンロード画面に遷移すると、選択したバージョンのインストーラーがダウンロードされます。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_3.png?resize=1024%2C646&ssl=1)
ダウンロードが完了したら、いよいよインストールを実行します。
インストール実行
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_4.png?resize=935%2C699&ssl=1)
ダウンロードしたインストーラーを実行します。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_5.png?resize=502%2C189&ssl=1)
「ウイルス対策ソフトが動いていると、時間がかかったりしますよ」的なメッセージが出ます。「インストール作業を続けますか?」と聞かれているので、[YES]を選択します。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_6.png?resize=502%2C144&ssl=1)
「UACが働いていると機能が制限されますよ」的なメッセージが出ますが、ここは進むしかないので[OK]を押します。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_7.png?resize=502%2C425&ssl=1)
いよいよインストール開始です。[Next >]を押しましょう。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_8.png?resize=502%2C425&ssl=1)
“XAMPP”は複数のコンポーネントがまとまっているパッケージですので、ここでインストール対象を選択できます。
全部入れてもいいですが、使わないものを入れて容量消費するのももったいないので、ある程度必要なものに絞っておくのが良いのではないかと思います。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_9.png?resize=502%2C425&ssl=1)
今回はシンプルに、Apache・MySQL・PHP+phpMyAdminを選択します。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_10.png?resize=502%2C425&ssl=1)
インストール先のフォルダを指定します。特にこだわりがなければデフォルト(C:\xampp)でよいと思います。変更したい場合は右のフォルダマークから指定しましょう。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_11.png?resize=502%2C425&ssl=1)
言語を選択します。執筆時点では英語かドイツ語しかありませんので、今回は英語のままとします。ドイツ語が得意な方はドイツ語を選択するのも良いかと思います。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_12.png?resize=502%2C425&ssl=1)
Bitnami(ビットナミー)の案内です。リンクをクリックするか、チェックを付けた状態で[Next >]を選択するとBitnamiのサイトが表示されます。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_13.png?resize=502%2C425&ssl=1)
インストールには影響ないので、今回はチェックを外してしまいます。次に進みましょう。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_14.png?resize=502%2C425&ssl=1)
インストールの準備が整いました。ここまでの選択(大したことはしていませんが)に後悔がなければ、覚悟を決めて[Next >]を選択しましょう。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_15.png?resize=502%2C425&ssl=1)
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/04/1547904055634.jpg?resize=72%2C72&ssl=1)
果報は寝て待て…。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_16.png?resize=502%2C425&ssl=1)
無事にインストールが完了しました。チェックを付けておくと、[Finish]選択後に”XAMPP”のコントロールパネルが表示されます。
コントロールパネル起動
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_17.png?resize=668%2C434&ssl=1)
コントロールパネルが起動した状態では、まだ何も動いていません。今回はApacheとMySQLをインストールしたのでそれぞれの[Actions]で[Start]が押せる状態になっています。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_18.png?resize=668%2C434&ssl=1)
各[Start]を押すと、[Actions]の表示が変わり各アプリケーションが起動した状態になります。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_19.png?resize=1024%2C646&ssl=1)
この状態で、ブラウザのURLに「localhost」と入力してエンターキーを押してみましょう。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_20.png?resize=1024%2C646&ssl=1)
“XAMPP”のスタートページが表示されれば、Apacheが問題なく稼働している状態です。さらに右上にある[phpMyAdmin]をクリックしてみましょう。
![](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/xampp_install_21.png?resize=1024%2C646&ssl=1)
phpMyAdminでデータベースが表示されました。MySQLも無事にインストールできているようです。
インストール完了
これで、phpとMySQLを使用したウェブサイトの開発ができるようになりました。もちろん、様々な設定や追加のコンポーネントなど、他にも準備などは必要になってきますが、何事も最初の一歩から。
![【XAMPP】自動起動を設定する](https://i0.wp.com/grow-knowledge.jp/wp-content/uploads/2022/06/XAMPPの自動起動設定手順.png?resize=320%2C180&ssl=1)