はじめに
WindowsでWebアプリの開発を行う場合に、XAMPPを利用すると便利です。
今回はさらにWordPressをインストールし構築してみます。
他にも私のブログで、WordPressについて解説している記事がありますのでご覧ください。
XAMPPについて
XAMPPはPHPの開発環境を簡単に用意することができます。
XAMPP とは?
XAMPP は最も人気のある PHP 開発環境です
XAMPP は、完全に無償で MariaDB、PHP、および Perl を含んだ、簡単にインストールできる Apache ディストリビューションです。XAMPP オープン ソース パッケージは、インストールと利用が非常に簡単できるよう設定されています。
似たような言葉として、Webアプリの開発においてLAMPという言葉も聞きます。
以下の略ですね。
今回はWindowsで説明していきますが、ダウンロードページではMac(OS X)向け、Linux向けもあります。
XAMPPのバージョンは現時点の最新の以下をインストールしました。
- XAMPP 7.3.4
インストールされる環境は以下です。
XAMPPインストール
ダウンロードページを開きます。
Windows向けをクリックします。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h26_31.png)
「xampp-windows-x64-7.3.4-0-VC15-installer.exe」というファイルがダウンロードされますので実行します。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h29_48.png)
警告が表示されました。インストール先に気をつけます。「OK」をクリックし進めます。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h30_42-500x143.png)
Important! Because an activated User Account Control (UAC) on your system some functions of XAMPP are possibly restricted. With UAC please avoid to install XAMPP to C:\Program Files (missing write permisssions). Or deactivate UAC with msconfig after this setup.
重要! あなたのシステム上でアクティブ化されたユーザーアカウント制御(UAC)のためにXAMPPのいくつかの機能はおそらく制限されています。 UACでは、XAMPPをC:\ Program Filesにインストールしないでください(書き込み権限がありません)。 またはこの設定の後にmsconfigでUACを無効にしてください。
Nextをクリックします。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h31_58-500x423.png)
不要な機能もありますが、このまま進めます。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h32_37-500x423.png)
インストール先は、このままCドライブの直下にします。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h33_18-500x423.png)
チェックボックスのチェックを外し、Nextをクリックします。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h33_44-500x423.png)
Nextをクリックし、インストールを始めます。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h34_12-500x423.png)
インストール中です。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h34_40-500x423.png)
完了しました。Finishボタンをクリックします。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h38_18-500x423.png)
途中でファイアウォールのブロックという警告が表示される場合、「アクセスを許可する」をクリックします。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h37_51-500x372.png)
初回起動時に、言語を選択する画面が表示されますので、Saveをクリックします。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h39_06.png)
以下のようなコントロールパネルが表示されると、インストールが正常に完了です。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h39_33.png)
起動と終了
次回パソコン起動時など、XAMPPのコントロールパネルを起動するには、以下の実行ファイルを起動します。
C:\xampp\xampp-control.exe
また、コントロールパネルを閉じてもタスクトレイに常駐していますので、画面を開きたい時はアイコンをクリックします。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-01-18_19h11_34.png)
Apacheの起動
XAMPPのコントロールパネルを開き、Apacheを起動します。
![](https://chigusa-web.com/wp-content/uploads/2021/09/2019-04-29_18h43_26-1-500x325.png)
正常に起動できると以下のようになります。もしエラーなどが発生する場合は、原因を調べましょう。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h44_27-500x325.png)
ブラウザを開き、以下のURLにアクセスします。Localhostとは、自分のパソコンをさしており、以下のURLはインストールしたXAMPPのApacheへアクセスしていることになります。
http://localhost/
以下のような画面が表示されると思います。(XAMPPの画面)
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h45_30-500x272.png)
MySQLの起動
XAMPPのコントロールパネルより、MySQLを起動します。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h48_46-500x325.png)
ファイアウォールのブロックという警告が表示される場合、「アクセスを許可する」をクリックします。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_18h49_26-500x372.png)
MariaDBとは
XAMPPのコントロールパネルにはMySQLと表示されていますが、実際はMariaDBがインストールされております。
MySQLの派生のデータベースです。
WordPressのインストール
XAMPPにWordpressをインストールします。
以下のページからWordpress本体をダウンロードします。
![](https://chigusa-web.com/wp-content/uploads/cocoon-resources/blog-card-cache/1c9ee071647bc04b58e889fdc4545e50.png)
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_20h02_10-500x336.png)
現時点の最新バージョンは5.1.1でした。
ダウンロードしたwordpress-5.1.1-ja.zipファイルを、以下のフォルダに解凍します。
C:\xampp\htdocs\wordpress
WordPressが使用する、データベースを作成します。
XAMPPのコントロールパネルの「Admin」ボタンをクリックします。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_20h04_34-500x325.png)
phpMyAdminが開かれました。
「データベース」をクリックします。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_20h05_37-500x261.png)
データベース名を「wordpress」とし、「utf8_general_ci」を選択し作成しました。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_20h07_59-500x351.png)
WordPressをインストールしますので、以下のURLを開きます。
http://localhost/wordpress
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_20h10_30-500x377.png)
次へ進みます。
先程作成したデータベース名と、ユーザ情報を入力します。
XAMPPのMariaDBのユーザ情報は、root/ノンパスです。
本来適切なユーザ設定は必要ですが、ここではそのまま進めます。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_20h11_08-500x372.png)
インストールを実行します。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_20h13_05-500x181.png)
ブログ名やログイン情報を入力します。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_20h14_54-500x470.png)
インストール完了です。
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_20h16_25-500x215.png)
サイトURLへサクセスすると、ブログのトップページが表示されました。
http://localhost/wordpress/
![](https://chigusa-web.com/wp-content/uploads/2019/04/2019-04-29_20h17_20-500x326.png)
さいごに
WindowsでWebアプリの環境を用意し、Wordpressをインストールしました。
開発環境を用意できると便利ですね!
他にも私のブログで、WordPressについて解説している記事がありますのでご覧ください。
コメント