XAMPPのインストール

# この記事を書いたきっかけ
XAMPPを使用してローカル環境にWordPressを展開していましたが
ある日を境にMySQLが起動しなくなってしまった為、
特にデータないし最初から作成しなおしちゃえ。せっかくなら手順残すか。というのが発端です。

入れなおす前に出ていたエラーは別途書くつもりですが、
これからWordPressでサイトを作るぞ！ローカル環境を作るぞ！という方で
XAMPPを使用してみようと考えている方の参考になれば幸いです。

# 対象者
WordPressを導入するにあたってXAMPPでローカル環境を展開したい人向け。


# XAMPPとは
XAMPPは、Webサーバーの設定を簡単に行うためのソフトウェアパッケージです。
Apache HTTP Server、MySQL、PHP、Perlを一つにまとめたもので、
これらのソフトウェアを個別にインストールと設定をする手間を省きます。
XAMPPはクロスプラットフォームであり、Windows、Linux、Mac OS Xで動作します。

# インストール方法


1. [公式サイト](https://www.apachefriends.org/jp/index.html "公式サイト")から最新のXAMPPをダウンロードします。
 ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/cb5ea261-678c-8aee-2d9d-636faf074eaa.png)

2. ダウンロードしたインストーラーを開き、指示に従ってインストールを進めます。
    ※インストーラー起動時のポップアップについて
    ファイルダウンロード後、インストーラを起動すると以下のポップアップが発生。
    ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/1b3a3964-00bb-089e-b37e-4fb253b3df2e.png)
内容：XAMPPのインストール時に表示されるポップアップは、システムでユーザーアカウント制御（UAC）が有効になっているため、XAMPPの一部の機能が制限されている可能性を警告しています。
このメッセージは、XAMPPをC:\\Program Filesにインストールすることを避けるか、このセットアップ後にmsconfigでUACを無効化することを提案しています。

    調べたところ問題を解決する手段として以下の2つがありました。


     **XAMPPをC:\\Program Files以外の場所にインストールする**
      XAMPPは、デフォルトではC:\\xamppにインストールされます。このパスを変更せずにインストールを進めることをお勧めします。
     **UACを無効化する**
      非推奨、UACを無効化することも可能です。ただし、UACはWindowsのセキュリティ機能であるため、無効化するとシステムが脆弱になる可能性があります。
  
    ここではセキュリティ上の観点からダウンロード先をC直下にすることにします。
      ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/61f0af7c-f182-217d-7131-66e552649492.png)
  ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/f4bcb881-896d-2254-9d48-43c4809eeb98.png)
  ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/c0101481-3f13-6493-de12-c017e42ae465.png)
  ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/4b05193f-1a82-f1d0-b23c-d1fa896500ea.png)
  ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/4f5bdf91-4cf7-e00c-cc53-06ad234072eb.png)
  ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/c31a88e8-807b-fd7a-f789-fd6b3dae0147.png)



3. インストールが完了したら、XAMPPコントロールパネルを開きます。
※コントロールパネルを起動するか聞かれるのでそのまま「Finish」押下
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/02a46bcb-68b8-748f-f5e9-31f236081e8b.png)

4. コントロールパネルが起動しました。
4. ![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/fde33269-5b98-4afc-5ba8-019d0ff42b90.png)

# XAMPPの起動と機能

XAMPPを起動すると、XAMPPコントロールパネルが表示されます。
このコントロールパネルからサービスを起動する仕組みです。
一応見えている各サービスの説明は以下になります。


## Apache

Apacheは、世界中で最も広く使用されているWebサーバーソフトウェアです。XAMPPのコントロールパネルで「START」をクリックすると、Apacheサーバーが起動し、ローカルホストでWebページをホストすることができます。

## MySQL

MySQLは、オープンソースのリレーショナルデータベース管理システム(RDBMS)です。XAMPPのコントロールパネルで「START」をクリックすると、MySQLサーバーが起動し、データベース操作が可能になります。

## FileZilla (Windowsのみ)

FileZillaは、FTPサーバーとして機能します。XAMPPのコントロールパネルで「START」をクリックすると、FileZillaサーバーが起動し、FTP経由でファイルのアップロードやダウンロードが可能になります。

## Mercury (Windowsのみ)

Mercuryは、メールサーバーとして機能します。XAMPPのコントロールパネルで「START」をクリックすると、Mercuryメールサーバーが起動し、メールの送受信が可能になります。

以上が、XAMPPのコントロールパネルで「START」をクリックした際の各機能の説明です。これらのサービスは、開発環境をローカルに構築するための重要なツールです。

## Tomcat

Tomcatは、JavaサーブレットとJavaServer Pages (JSP)を実行するためのオープンソースのWebサーバーおよびサーブレットコンテナです。JavaのWebアプリケーションを開発、テスト、デプロイするためのツールとして広く使用されています。

XAMPPのコントロールパネルで「START」をクリックすると、Tomcatサーバーが起動します。これにより、ローカル環境でJavaのWebアプリケーションを実行することができます。


## サービスの起動
赤枠の「Start」を押していきます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/94255e23-99e4-143d-b41f-dd749a41efb5.png)

無事起動できるとこんな感じ。。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/a815dce3-becb-bcaa-180e-4ba0cb2856c4.png)


※TomCat起動時にプロンプトが開きますが、文字化けしている！
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/6c6a1e2f-810c-d759-6c13-08934d869a77.png)

これはlogging.properties内のjava.util.logging.ConsoleHandler.encodingで指定している文字列がUTF-8であるために起こるそうです。
一旦TomCatを「Stop」してlogging.propertiesを編集していきます。

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/af994db7-1ccc-ce50-28b2-dc0bed811bc8.png)
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/10998726-5295-3591-8eaa-afc43918c4fb.png)

＜変更前＞
`java.util.logging.ConsoleHandler.encoding = UTF-8`
＜変更後＞
`java.util.logging.ConsoleHandler.encoding = SJIS`

XAMPPのコントロールパネルからTomCatを起動し、プロンプトを確認。
文字化けが直っていることを確認した。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/423623/38874cbc-0fce-9a60-a5ab-3abd5312d0c7.png)

以上で、XAMPPの基本的なインストールと設定が完了です。
これでローカル環境にWordPressを導入する基盤が整いました。


以下の記事では構築した環境にWordPressをインストールしていきます。