はじめに
MacOSやLinuxには簡単にApacheやhttpdが入りますが、
Windowsだとなんかあんまりそういったのは簡単なイメージがありませんよね。
XAMPPはApacheなどのWeb系のものが一式詰まった、夢の様なツールです！
HTMLやCSS、JavaScriptはサーバはいりませんが、PHPやPerlはサーバが必須！
Macで今までWebサイトを作っていたのですが、メインPCであるWindowsでも開発が行いたかったので、
開発環境を整えてみました。
ダウンロードとインストール
(1)ダウンロード
(2)インストール
ダウンロード
何処が正解のサイトか分かりませんが、私はここからダウンロードしました。
落としたのは「7.0.5 / PHP 7.0.5」です。
インストール
ダウンロードが終わると、こんなアイコンが出るのでダブルクリックします。
アンチウイルスソフトが動いていますが～的なメッセージ。
迷うことなく「YES」を押します。
OKしか押せないですね。
さあ、インストールを始めましょう。
基本的に「Next」を連打します。
インストール先はお好みで。
チェックを入れてるとWebサイトが開きます。
セットアップの準備ができたらしいです。
インストール中…
なかなか時間がかかって完了。
Do you want to start the Control Panel now?
にチェックを入れて「Finish」を押すと、XAMPPが起動します。
言語選択。
ドッチにしろ日本語じゃないのね。
起動はしましたが、私の場合「Skypeがポート使ってるやないか！！」と怒られています。
とりあえず、タスクバーの通知領域からXAMPPを一度終了します。
次にXAMPPを管理者権限で起動します。
すると、「service」の欄がクリックできるようになっています。
クリックして、インストールしましょう。
インストールが完了しました。
Tomcatだけなんかエラー出るのでほっときます。どうせ使わないし。
セットアップ
とりあえず、Apacheが起動できている人はこの項目は読み飛ばしても大丈夫なはずです。
私のように、エラーが出ている人でかつ、Skypeなどを消したくない人はセットアップしましょう。
ポート番号を変更
Apacheの「Config」をクリックします。
出てきたポップアップのうち、「Apache(httpd.conf)」をクリックします。
するとテキストエディタが立ち上がるので、58行目付近の「80」を「81」に変更します。
次は220行目付近の「ServerName」のところを「81」に。
とりあえず一度これで保存し、エディタを終了します。
次は、Apacheの「Config」の「Apache(httpd-ssl.conf)」をクリックします。
同様にテキストエディタが開きます。
36行目付近のListen 443を 448などに変更します。
保存し、終了します。
起動
では、起動してみます。
Apacheの欄の「Start」をクリックします。
なんかまだ文句は言われていますが、起動できましたね。
次に、「メモ帳」を管理者権限で起動し、
C:\Windows\System32\drivers\etc
にある、hostsを開きます。
そこに、
127.0.0.1 localhost
を書き足します。
さあ、これで準備が整いました！
http://localhost:81にアクセスしてみましょう！
※81はhttp.confで設定したポート番号です。変更してない人は「:81」を付ける必要はありません。
動きました！！！！！！
これは、インストールしたフォルダの中の、xampp\htdocsにアクセスされているので、
その中身を変えると変更されます。
とりあえずここまで！