XAMPP(ザンプ、シャンプ)とは?Web開発環境を簡単に構築できるオープンソースのパッケージソフトウェア【ローカルでWordPressを起動するサンプル付き】

目次

XAMPP(ザンプ、シャンプ)とは?

Apache、MySQL(またはMariaDB)、PHP、Perlなど、Webアプリケーション開発に必要なサーバーソフトウェアをまとめて動かせる開発環境です。ローカル(自分のPC)でWordPressなどのWebサイトのテストなども可能です。

名前の由来

文字意味
Xクロスプラットフォーム(Windows / macOS / Linux対応)
AApache(Webサーバー)
MMariaDB(旧MySQL )(データベース)
PPHP(サーバーサイドスクリプト言語)
PPerl(スクリプト言語)

主な構成

コンポーネント役割
ApacheWebサーバーとして動作し、ブラウザからのHTTPリクエストを処理
MySQL / MariaDBデータベース管理システム
PHPサーバーサイドで動的ページを生成
phpMyAdminブラウザ上でデータベースを管理するツール
Perl一部のWebアプリで利用されるスクリプト言語

主な用途

  • WordPressなどのCMSのローカル開発環境構築
  • PHPプログラムの動作確認や学習
  • Webアプリのテスト・デバッグ
  • データベース操作の練習(phpMyAdmin利用)

利点

  • ワンクリックでApacheやMySQLを起動できるGUI(XAMPP Control Panel)が付属
  • 環境構築が容易(インストーラを実行するだけ)
  • オープンソースで無料
  • ローカル環境のため安全にテスト可能

注意点

  • 本番運用には不向き(セキュリティ設定が甘い)
  • WindowsのUAC(ユーザーアカウント制御)設定によって動作に制限が出る場合あり
  • ポート競合(例:80番ポートが他アプリに使用されている)に注意

公式情報

XAMPPの使い方

ダウンロードとインストール

XAMPP公式サイト へアクセスし、自分のOS(Windows / macOS / Linux)に合ったインストーラを選ぶ

ダウンロードしたファイル(例:xampp-windows-x64-x.x.x-x-installer.exe)を実行
インストール中に出てくる構成要素(Apache, MySQL, PHP, phpMyAdminなど)を確認して進む
完了後、「XAMPP Control Panel」を起動

以下、Windowsの場合の例です。

お疲れさまでした。こちらでインストールが完了です

② コントロールパネルの使い方

「XAMPP Control Panel」では各サーバーを起動・停止できます。

ボタン説明
Start (Apache)Webサーバーを起動(http://localhost/で確認可)
Start (MySQL)データベースを起動(phpMyAdminで操作可)
Admin (Apache)ブラウザでXAMPPダッシュボードを開く
Admin (MySQL)phpMyAdminを起動してDB管理画面を開く

起動後、ブラウザで

http://localhost/

と入力して「Welcome to XAMPP」画面が出れば成功です。

http://localhost/dashboard/

③ Webサイトを配置する

  1. フォルダを開く: C:\xampp\htdocs\
  2. ここに作りたいサイトのフォルダを作成(例:myproject
  3. その中に index.phpindex.html を置く
  4. ブラウザでアクセス: http://localhost/myproject/

index.phpにHello!のみを記載して配置した例)

④ phpMyAdminでデータベースを作成

XAMPP Control Panel → MySQLの「Admin」をクリック

ブラウザで phpMyAdmin が開く

上部メニューから「データベース」→「新規作成」

名前を入力して「作成」ボタン
→ WordPressなどがこのDBを使用します

XAMPPでMySQLユーザーとパスワードを確認する方法

方法1:phpMyAdminから確認(初心者向け)

  1. 上のタブから 「ユーザーアカウント」 をクリック
  2. 「ユーザー名」と「ホスト名」が一覧で表示されます
    必要に応じて新規ユーザーを作成します。

方法2:SQLで確認(上級者向け)

  1. XAMPP Control PanelでMySQLを起動
  2. 「Shell」ボタンをクリックしてコマンドを開く
  3. 次のコマンドを入力: mysql -u root
  4. そのままログインできたらパスワードは空欄です
  5. 登録済みユーザーを一覧表示するには:
SELECT User, Host FROM mysql.user;

⑤ WordPressを動かす例

WordPress.org からZIPをダウンロード

出典:https://ja.wordpress.org/download/

htdocs フォルダ内に解凍
例:C:\xampp\htdocs\wordpress

ブラウザで http://localhost/wordpress を開き、セットアップウィザードに沿って設定。
DB名は先ほど作成したものを入力。

http://localhost/wordpress
http://localhost/wordpress

お疲れさまでした。ローカル環境でWordPressを起動することができました。

トラブルシューティング

問題対処方法
Apacheが起動しない80番ポートを他のアプリ(Skype, IISなど)が使用している可能性 → 「Config」→「Service and Port Settings」で変更(例:8080)
phpMyAdminが開けないMySQLを起動しているか確認
ファイルを編集しても反映されないブラウザキャッシュを削除 or Ctrl+F5(スーパーリロード)
本番サイトとして使える?開発・学習用を推奨。セキュリティ設定が緩い

応用(上級者向け)

  • SSL(HTTPS)を使いたい場合 → apache\conf\extra\httpd-ssl.conf を設定
  • PHPのバージョン切り替え → 公式サイトから複数バージョンのXAMPPを導入可能
  • 仮想ホスト設定(例:http://myproject.local/)も可能

公式ドキュメント

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

AIアーティスト | エンジニア | ライター | 最新のAI技術やトレンド、注目のモデル解説、そして実践に役立つ豊富なリソースまで、幅広い内容を記事にしています。フォローしてねヾ(^^)ノ

コメント

コメントする

目次