【XAMPP】Windowsの自宅PCでPHP開発環境を立てる

 

プログラムの勉強を始めよう!
と思ったとき、まず最初の壁は「開発環境の構築」。
これですよね。
今回は、私のらくらが自宅PCにXAMPP環境を入れたので
その手順を書いていこうと思います。

まずは第一弾として、インストールから。
こっちは簡単なんで、たぶんあんまり困らないはず。
めんどくさいのは、設定周りですもんね。
第二弾で、XAMPPの設定に関して記事書きます。

 

ちなみに、XAMPP環境を立てようと思ったきっかけ。
「とりあえずなんかWebサービス?Webアプリ?を作ってみよう!」


ってふと思ったから。
私、PHPとかあんまり勉強したことないので、その勉強がてら。

あ、そういえばTwitterはじめました。
フォローしてもらえたら非常に喜びます。

 

それではさっそく。

 

 

XAMPPとは

この記事を読んでる人は、XAMPP環境を立てようとしていてもうXAMPP自体が何かは知っている人かな、と思うのでさらっといきます。
(参照:公式サイト

XAMPP は最も人気のある PHP 開発環境です
XAMPP は、完全に無償で MariaDB、PHP、および Perl を含んだ、簡単にインストールできる Apache ディストリビューションです。
XAMPP オープン ソース パッケージは、インストールと利用が非常に簡単できるよう設定されています。

ということで、まあざっくりと。
PHPをいい感じで開発出来る環境を一括で提供してますよ!ってやつです。

ちなみに最初の「X」はどのOSでも対応してますよ!ってことみたい。
今回のらくらはWindowsですけど、もちろんMacでもLinuxでも提供されています。

そんな感じのXAMPPさん。
Let’s インストール!!

 

手順はこんな感じ

なにはともあれ。
まずはダウンロードですよね。
こちらのサイトから。

XAMPPダウンロード

XAMPPダウンロード

それぞれのOSに合わせてダウンロードしてください。
インストーラーのEXEファイルを落としてくるので、ダウンロードが完了したら
さっそく起動しちゃいましょう。

setup

setup

こんな画面が出てきましたか?
とりあえずNEXT押しちゃいます。
そうするとこんな画面。
初期で全部チェックONになってると思うのでそのまま。NEXT!!
ちなみにグレーアウトされている所は、すでにインストールされているやつみたい。
いつ入れてたのだろう・・・。

全部チェックON

全部チェックON

次はインストール場所ですね。
初期の値がCドライブ直下にXAMPPフォルダを作りにいくみたい。
これもそのまま!NEXT!!

インストール場所

インストール場所

次の画面。
なんか他のソフトもインストールしませんか?ってやつ。
今回はXAMPPのみが欲しいので。チェックを外しちゃいましょう!
NEXT!!!

チェックは外しちゃう

チェックは外しちゃう

ここまで来たら、インストールしてOK?って聞かれるのでこれもNEXT!!!!

インストールしてOK

インストールしてOK

これでインストールが始まります。
結構かかるかも。ひたすら待つのみですね。

ひたすら待つのみ

ひたすら待つのみ

待つこと数分。

完了

完了

はい。出来た!
起動確認をしたいので、チェックが付いたままFinish!!

起動確認

まず出てくるのがこれ。

言語選択

言語選択

英語かドイツ語・・・。
まあドイツ語とかわからないし、英語でしょう。
Save!!

起動完了

起動完了

とりあえず起動まで完了です!

なんか赤文字になってる所あるけど、
これはあれだな。ポートが被ってる的なやつ。
みなさん赤文字出てない人はラッキーって感じで。

こっから色々設定しないといけないみたい。
それは明日にして今日はここまでにしとこう。

別記事で設定書きます。
書きました!
こちらからどうぞ!

【XAMPP】Windowsの自宅PCでPHP開発環境を立てる~設定編~

 

まとめ

とりあえずインストールまでは非常に簡単ですね!!
また設定とかやって、ちゃんと動くところまで出来たら記事書きますので。

みなさんもPHPの勉強を始めようとか、なんかWebサービス作ってみようとか。
そんな方は、開発環境がローカルにあると絶対役立つはず。
ぜひインストールしてみましょう。

 

【PHP初心者がWebサービスを作る実践録】
プログラミング初心者の方でも、一からWebサービスを作ることが出来るよう、分かりやすく書いていきます!!
一緒に勉強しましょう!!

【第1話】作って学ぶPHP!初心者による実践録!~前準備~

 

それではこのへんで。
のらくら でした!

4 Comments

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です