*XAMPPとはWebアプリ開発に必要なソフトウェアがひとまとめになったパッケージ*のことです。XAMPPをインストールするだけでWebアプリをすぐに開発することができ、面倒な設定なども必要なくなります。特に開発初心者の方は開発環境を構築する段階で挫折することも多いため、XAMPPを使って簡単に構築することをおすすめします。

なお、XAMPPは実際の開発現場では使われないことが多いです。なぜならPHPなどの新バージョンが発表されても、XAMPPに入っているソフトウェアは新バージョンに更新されないためです。とはいえ、開発の練習用としてはXAMPPは非常に便利ですのでぜひ使い方を覚えましょう。

【参考】：[XAMPP Installers and Downloads for Apache Friends](https://www.apachefriends.org/jp/index.html)

Web業界で使われるXAMPPとは？特徴やメリット、注意点を解説

XAMPPの中にはApache、MariaDB、PHP、Perlの4つのソフトウェアが入っています。XAMPPのインストール方法の前に、4つのソフトウェアの概要について解説します。

**Apacheは無料で使えるWebサーバソフト**の1つです。パソコンはそのままの状態だとWebサーバとして使えませんが、Apacheを使うとWebサーバとして他のパソコンにサービスを提供できるようになります。ApacheはOSに依存せず使える上に処理速度も早いため、Webアプリ開発で主流となっています。XAMPPでは管理画面からすぐにApacheを起動させてWebアプリを開発できるようになっています。

【参考】：[Welcome! - The Apache HTTP Server Project](https://httpd.apache.org/)

MariaDBは*MySQLやSQLiteと同じデータベース管理システム*です。データベースに格納されたデータを更新したり削除したり、あらゆる操作を行うことができます。MariaDBの名前を聞いたことがない人もいるかもしれませんが、Mysqlとさほど使い方が変わらないので、MySQL経験者ならすぐに使いこなせるでしょう。

【参考】：[MariaDB Foundation - MariaDB.org](https://mariadb.org/)

MySQLとは？特徴から使い方・学習方法まで詳しく解説！

PHPは**Webアプリ開発で使われるプログラミング言語の1つ**です。PHPはWebサーバ上で動きブラウザと通信を行って、Webサイト表示に必要なデータの取得やデータベースの更新処理などを行います。PHPのメリットは学習コストが低く初心者でも簡単にマスターできる点です。CやJavaなどの言語と比べても文法が分かりやすく覚えることも少ないです。また、HTMLに直接埋め込んで使えるのメリットです。

PHPを使う場合公式サイトからインストールするのが一般的ですが、その場合設定ファイルを調整するなどの処理が必要で初心者にはややハードルが高いです。XAMPPなら細かい調整は必要なくすぐにPHPを利用できます。

【参考】：[PHP: Hypertext Preprocessor](https://www.php.net/)

PHPとは一体何か？他のプログラミング言語と異なるポイントを解説！

PerlもPHP同様*Webアプリ開発で使われているプログラミング言語*の1つです。Perlは学習コストが低い上にソースコードの記述量が少ないのがメリットです。加えて、テキスト処理機能が豊富でありスクレイピングなども得意としています。

最近PerlはWebアプリ開発で使われることが少なくなってきました。とはいえ、Perlで作られた既存のWebアプリを改良する案件なども多くあるため、Perlのスキルが活きることもあります。PHPを勉強したらPerlを習得してみるのも良いでしょう。

【参考】：[The Perl Programming Language - www.perl.org](https://www.perl.org/)

XAMPPのインストール手順について解説します。ここではOSがMacの場合を基準にして解説しますが、WindowsやLinuxなどでもそこまで基本的な流れは変わりません。

### Step1.XAMPPをダウンロードする

まず、XAMPPを公式サイトからダウンロードします。

**公式サイトのトップページの緑色の「ダウンロード」欄から、お使いのパソコンのOSに合わせたものをクリック**すると、ダウンロードが開始されます。他のページからでもダウンロードできますが、最新版がどれかわかりにくいのでトップページからダウンロードしましょう。

ただしMacの場合、bz2形式でダウンロードされるためファイルを解凍する必要があります。bz2形式を解凍できないという場合は、こちらのページからdmg形式版をダウンロードしましょう。

【参考】：[XAMPP -  Browse /XAMPP Mac OS X at SourceForge.net](https://sourceforge.net/projects/xampp/files/XAMPP%20Mac%20OS%20X/)

こちらのページから1番上の最新版をクリックし、次のページで「xampp-osx-☓.☓.☓-☓-installer.dmg」をクリックするとダウンロードが開始されます。

### Step2.セットアップ画面を立ち上げる

XAMPPはダウンロードしただけでは使えず、インストールを行う必要があります。まず、*ダウンロードしたファイルをクリックして、XAMPPのセットアップ画面を表示*させましょう。セットアップ画面を開く際、パソコンのパスワード入力が求められることもあるため、正しく入力します。

セットアップ画面を開いたら、XAMPPをインストールします。**セットアップ画面の右下にある「next」を順番にクリック**していきましょう。XAMPPの細かい設定を行う画面が途中で出てきますが、気にせず「next」をクリックして先へ進めて問題ありません。XAMPPはデフォルト設定でも問題なく使えるようにできているからです。

「next」をクリックしていくとインストールが開始されるので、しばらく待ちましょう。インストールが完了すると右下に「Finish」が表示されるので、「Finish」をクリックしてセットアップ画面を閉じます。

これでXAMPPのインストールが完了しました。

### Step4.インストールを確認する

インストールが完了したらXAMPPを起動させてみましょう。Finderを開き「アプリケーション」の「XAMPP」フォルダにある「manager-osx」のショートカットをクリックします。*以下のような画面が立ち上がったらXAMPPが問題なくインストール*されています。

続いて、XAMPPの基本的な使い方を解説します。Apacheを起動させてローカルサーバ内でWebアプリを動かす方法をみていきましょう。

XAMPPの管理画面の上部から「Manage Servers」をクリックし、「Apache Web Server」をクリックし「Start」ボタンをクリックしてください。**「Start」をクリックすると表示が「Starting…」に変わってApacheが起動**されます。

Apacheが正常に動いていることを確認するために「http://localhost/index.php 」にアクセスしましょう。ブラウザの画面上に「XAMPP Apache + MariaDB + PHP + Perl」と表示されているならApacheは正常に動いています。

### Step2.実験用ソースコードを作成する

続いて、画面上に任意の文字列を表示させてみましょう。テキストエディタを開き、次のように記述してください。

こちらは1文字でも間違えると正しく動きませんので、*コピー＆ペーストすることをおすすめ*します。記述したらファイルを「HelloWorld.php」という名前でxamppフォルダの中の「htdocs」に保存します。保存先とファイル名が間違っていると正しく動かないのでこちらも真似して行いましょう。

最後に、実行結果を確認します。今度は「http://localhost/HelloWorld.php 」にアクセスしてください。**ブラウザの画面上に「Hello World！」と表示されているなら成功**です。

その後はソースコード上の「Hello World！」を好きな言葉などに変更し、ブラウザを更新してみましょう。表示内容が変更されているはずです。このようにしてXAMPPを使ってWebアプリを開発します。

### 日本語が文字化けしてしまった場合の対処方法

ブラウザ上に表示される日本語が文字化けする場合、*お使いのテキストエディタの文字コードが「UTF-8」になっているか確認*してください。「UTF-8」以外だと文字化けしてしまう可能性があります。文字コードを変更したらファイルを保存し、ブラウザを更新して直っているか確認しましょう。

## XAMPPをインストールしてWebアプリ開発をはじめよう！

本記事では**XAMPPのインストール方法について解説**しました。XAMPPをインストールするだけで、Webアプリを開発する環境をすぐに整えることができます。細かい設定なども必要ないため、初心者でも特につまずくことなく行えるでしょう。

Webアプリ開発は需要が高くこれから更に伸びていくことが予想されます。Webアプリ開発に興味がある方はXAMPPを使ってプログラミングの勉強に取り組んでみてください。

XAMPPとは違う？DockerでのPHP環境構築方法を解説

本記事ではXAMPPのインストール方法について解説します。XAMPPはWebアプリ開発を行う際の環境をまとめて構築できる便利なパッケージであり、多くのエンジニアに使われています。XAMPPの使い方をマスターしWebアプリの開発をはじめてみましょう。

XAMPPはWebアプリ開発に必要なソフトウェアがひとまとめになったパッケージ

XAMPPの中にはApache、MariaDB、PHP、Perlの4つのソフトウェアが入っている

XAMPPは公式サイトからダウンロードしセットアップ画面に従って操作するだけで簡単にインストールできる

XAMPPのインストール方法を手順ごとにわかりやすく解説

まず最初に、*XAMPPの意味について解説*します。XAMPPはどこで使われているのか、どういった機能が入っているのかといった基礎知識についてまとめました。**XAMPPの基礎知識**を押さえたい方はここから読み進めてください。

XAMPPとは、Webアプリケーション開発に必要なソフトウェアをパッケージとしてまとめたもののことです。XAMPPには、*Apache・MariaDB・PHP・Perl*の4つが入っています。XAMPPをインストールするだけで、これら4つが全て自分のパソコンで使えるようになるため、開発環境の構築が楽に行えるのです。

また、XAMPPはクロスプラットフォームでもあります。クロスプラットフォームとは、どのOSでも同じ仕様で動作するもののことを言います。**MacでもWindowsでもLinux**でも同じように使えます。

次項からは、XAMPPの中に入っているソフトウェアを1つずつ解説していきます。

Apacheは、*Webサーバーソフトウェアの1つ*です。Webサーバーの中で最も高いシェアを誇っています。Apacheをインストールすることで、インストールしたパソコンをWebサーバーとして使うことが可能です。Apacheが人気の理由は、OSに依存せずに動くこと・無料で使えること・処理速度が速いことなどが挙げられます。加えて、他のWebサーバーよりも**セットアップがすぐに完了するのもメリット**です。

このようなApacheを、XAMPPをインストールすることですぐに使えます。

MariaDBは、*MySQLと同様にデータベース管理システム*です。MariaDBを使うことで、データベースのデータを更新したり追加したりすることができます。MariaDBの特徴は、MySQLよりも高いパフォーマンスを発揮することです。基本的な使い方はMySQLと変わらないため、MySQLを習得済みの方ならMariaDBも使いやすいでしょう。

なお、XAMPPの画面上には「MySQL」と記載されている部分もありますが、**実際はMariaDBのため、誤解しないように注意してください。**

PHPは、*Webアプリケーション開発で多く使われる言語*です。HTMLに埋め込んで使える他、学習コストが低いということもあり、多くの開発現場で導入されています。文法が平易で分かりやすく、初心者に向いている言語です。例えば、**FacebookやぐるなびなどのWebサービス**でもPHPが使われています。

XAMPPにはPerlも入っています。Perlも*PHP同様、Webアプリケーション開発で使われる言語*です。Perlはテキスト処理に関連する機能が豊富な言語です。また、Perlはオープンソースであり、誰でも無料で使うことができます。以前だとPerlは開発現場で多く使われていましたが、最近はPHPやPythonにシェアを奪われています。そのため、今からWebアプリケーション開発を行うなら、**PerlよりもPHPやPythonを扱う方がいいかも知れません。**

続いて、XAMPPの使い方を解説します。*XAMPPは簡単に開発環境が構築できます*が、使い方がよく分からない人も多いでしょう。そこでXAMPPの使いを1から順番に解説します。**こちらの解説通りに行えば、XAMPPは問題なく使用できる**でしょう。

まずは、XAMPPを*公式サイトからダウンロード*します。XAMPPの公式サイトには、それぞれのOS用のリンクが用意されています。自分のOSに合ったものを選択し、「Download」をクリックします。**クリックしたら自動的にXAMPPのダウンロードがされます**。ダウンロードには少し時間がかかることもあります。

XAMPPをダウンロードしたら、*ダウンロードしたファイルをダブルクリック*してください。すると、XAMPPのインストーラが開きます。ここからは、インストーラの指示に従ってXAMPPのインストールを行います。インストーラでXAMPPの細かい設定ができますが、**基本的にはデフォルトのままで問題ありません**。「Next」をクリックし、先へ進んでいきます。

XAMPPのインストールが完了したら「Finish」が出ます。「Finish」をクリックすることでインストーラを閉じることが可能です。

XAMPPのインストールが完了したら、**XAMPPを起動させます**。ダウンロードしたXAMPPをクリックしましょう。すると、黄色い画面が表示されます。これが*XAMPPのコントロール画面*です。基本的にはこの画面を通じてXAMPPを操作します。

最後にApacheを起動させましょう。Webアプリケーション開発を行うには、まずApacheを起動させてWebサーバーを使えるようにしないといけません。*XAMPPのコントロールパネルのApacheの行にある「Start」ボタンをクリック*すると、Apacheが起動します。

Apacheが起動しているかを確認するには、**「http://localhost/ 」にブラウザからアクセス**してください。URLを入力してApacheの初期画面が表示されたら成功です。なお、Apacheを停止させるには、Apacheの行にある「Stop」をクリックします。

このような感じでXAMPPは使います。PHPやMariaDBを使う場合も、同じように「Start」をクリックしてください。

ここでは、*XAMPPのメリットを解説*します。XAMPPを使わなくても、個々のソフトウェアをインストールすれば、開発環境は構築可能です。にも関わらず、**なぜXAMPPが使われ続けているのか、理由を紹介**しましょう。

*XAMPPを使うことで、開発環境が簡単に整います*。XAMPPを使わない場合、PHPやApacheを個別にインストールしないといけません。初心者にとって開発環境の構築は複雑なため、プログラミングを勉強する際、開発環境構築の段階で挫折する人が多いと言われています。**XAMPPなら簡単にインストールでき、煩わしさがありません**。また、細かい設定を間違えることもないでしょう。

XAMPPを使えば、*チームメンバー全員を同じ環境に統一*できます。チームで開発する場合、全員の開発環境を同じに揃えないとそれぞれの環境で別の結果が表示されてしまい、上手く連携が取れません。**XAMPPを使えば、個々のソフトウェアのバージョンを揃えることが可能**です。

### クラウド上にもインストール可能

XAMPPは*クラウド上でも動かすことが可能*です。例えば、AWSやAzureなどでもXAMPPは動きます。最近は自社でサーバーを立てるより、クラウドサーバーを活用することが増えたので、クラウド上で使えるかは重要です。また、XAMPPの公式サイトでは、**クラウド上でXAMPPを動かす具体的方法について解説**されています。

最後に、*XAMPPの注意点を紹介*します。XAMPPは様々なメリットがあり、多くの開発現場で使われています。しかし、利用にあたって気をつけなければならない点もあります。**場合によっては、XAMPPを使わない方が良いこともあるでしょう**。XAMPPの注意点を知ってから、XAMPPを使うべきか決めてください。

### ソフトが最新ではない場合もある

XAMPPに入っているソフトは*最新バージョンではない可能性もあります*。例えばインストールする時期によっては、PHPが1つ前のバージョンであったりすることもあるでしょう。**PHPはバージョンが違うと、挙動が異なってしまう場合があり**、開発する上で不便です。最新バージョンでないといけない場合は、XAMPPは向いていないでしょう。

### 開発環境構築に関する知識がつかない

XAMPPを使うと簡単に開発環境が構築できる分、*開発環境構築に関する知識がつかない*デメリットもあります。例えば、PHPの設定ファイルを調整するなどの作業をやらなくて良いため、PHPの内部に関する知識がつきません。PHPの内部に関する理解がないと、**何かトラブルが発生した場合に解決できない可能性があります**。

XAMPPを使う際は、PHPやApacheなども学んでおきましょう。

## XAMPPの注意点を押さえて便利に使おう

本記事では*XAMPPとは何か、について解説*しました。XAMPPの使い方や特徴がご理解頂けたかと思います。XAMPPは初心者でも簡単に開発環境が構築できる便利なものです。Web業界で長く使われ続けてるのも納得でしょう。

反面XAMPPには注意点やデメリットもあり、必ずしもXAMPPを使うべきとは限りません。特に上級者の場合、XAMPPを使うことによって制約が生まれることが、煩わしく感じる場合もあるでしょう。**XAMPPの良い点、悪い点を理解した上で、XAMPPを導入すべきかどうか決めるのが良い**です。

Web業界に勤めていると「XAMPP」という単語を聞くことがあります。今回は、XAMPPとはどういったものなのか、意味・特徴・使うメリット・注意点についてまとめました。Web業界に転職したい方は、ぜひ本記事でXAMPPについて学んでください。

XAMPPとは、Webアプリケーション開発に必要なソフトウェアをパッケージとしてまとめたもの

XAMPPには、Apache・MariaDB・PHP・Perlの4つが入っている

XAMPPを使えば簡単に開発環境が構築できる

XAMPPの記事（1ページ目）