PC初心者・プログラミング初心者を応援する学習サイトです。ICTのことを中心に様々な情報を発信していきます。

[第1回]XAMPPをインストールしよう! | [初級編]PHPでプログラミングしよう

PHP
This entry is part 1 of 4 in the series [初級編]PHPでプログラミングしよう

まず、PHPのプログラミングをする前に開発環境の整備から準備しましょう!

タイトルの「XAMPP(ザンプ)」というのは、簡単にいうとWebサーバのことで、無料でダウンロードできるパッケージソフトです。

このXAMPP(ザンプ)を自分のPCにインストールするだけで、PHPでの開発ができるテスト環境をすべて揃えることができます。

ちなみに、XAMPPの名前の由来は下記の通りです。

XAMPPの名前の由来

XWindows、Linux、Mac OS X、Solarisのクロスプラットフォーム
AApache
MMySQL
PPHP
PPerl

XAMPPのインストール方法

XAMPPのインストーラをダウンロードする

それではまず、下記のXAMPP公式サイトにアクセスしてXAMPPをダウンロードしましょう。

今回は、Mac版の「7.1.21 / PHP 7.1.21」をインストールしようと思います。

※最新のXAMPP-VMでも良いのですが、操作がすこし難しいところがあるので、はじめての方は通常版をオススメします。

→公式サイトからXAMPPをダウンロードする

XAMPPダウンロードページ

公式サイトにアクセスしたら、画像赤枠のダウンロードボタンをクリックします。

XAMPPダウンロードページの画像

ダウンロードボタンをクリックすると、画像ページへ遷移しダイアログが表示されるので、[ファイルを保存する]を選択し、[OK]ボタンをクリックします。

XAMPPダウンロードのダイアログの画像

[OK]ボタンをクリックすると、次はMacのどこに保存するかご自身で決めましょう。

サンプルではデスクトップに保存します。

XAMPPのインストーラをダウンロードできました

XAMPPのインストーラをデスクトップにダウンロードすることが出来ました!

XAMPPをインストールする

次に、ダウンロードしたアイコンをクリックしてみましょう!

XAMPPアイコンをクリックしましょう

すると、画像のウィンドウが表示され、XAMPPアイコンがでてくるのでクリックしましょう。

開くをクリック

開くをクリックします。

パスワードを入力しOKをクリック

Macで設定しているパスワードを入力してOKボタンをクリックします。

Nextをクリックします

インストーラが立ち上がりました。Nextをクリックします。

XAMPP Develeoper Files」にチェックが入っているのを確認してNextをクリックします

「XAMPP Develeoper Files」にチェックが入っているのを確認してNextをクリックします。

Nextをクリックします

Nextをクリックします。

learn more about BitNami fo XAMPPのチェックを外してNEXTをクリックします。

チェックを入れてNEXTをクリックした場合、BitNami for XAMPPのページが開きます。

※BitNami for XAMPPのサイトからWordpress等をインストールしたい方は、チェックマークを入れておいても良いです。

Nextをクリックします

Nextをクリックします。

インストールが終わったらNextをクリック

XAMPPのインストールが始まります。インストールが終わったらFinishをクリックしましょう。

これでXAMPPのインストールは完了です!

さっそく、XAMPPを起動してみましょう!

XAMPPの起動方法

ランチャーパッド画像

ランチャーパッドから「XAMPP」を探し[manager-osx]をクリックしましょう。

または、アプリケーションフォルダの、XAMPP→manager-osx.appをクリックしましょう。

XAMPPのコントールパネルが起動します

すると、XAMPPのコントールパネルが起動します。

Manage Serversタブに切り替えて、Apache Web Serverが起動Runningになっていることを確認

Manage Serversタブに切り替えて、Apache Web ServerがRunningになっていることを確認しましょう。

※Stopになっていたら、StartボタンをクリックしてRunning状態にしてください。

Welecomeタブに切り替えて、Go To Applicationボタンをクリックしましょう。

Welecomeタブに切り替えて、Go To Applicationボタンをクリックしましょう。

するとWebブラウザが立ち上がます。そして上記の表示が出てくればインストール成功です!

第1回目は、ここまでです。お疲れ様でした。

次回

次回はXAMPPの使い方と、PHPで実際にWebブラウザに文字を出力する方法をご紹介します!

お楽しみに!

ぷろちゃん
ぷろちゃん

手順どおり進めれば、ちゃんとXAMPPがインストールできたわ♪

早くPHPプログラミングがやってみたーい!

連載記事プログラムを作ろう! | [初級編]PHPでプログラミングしよう >>">[第2回]メッセージを表示するプログラムを作ろう! | [初級編]PHPでプログラミングしよう >>