へたれwebディレクターの覚え書き

XAMPPインストール

XAMPPとは、Apache、PHP、MySQLなどを同時にインストールでき、しかも設定を自動で行ってくれる、わたしのような初心者にとってとても便利なツールです。テスト環境にはこれを使います。

ダウンロード

http://www.apachefriends.org/en/xampp-windows.htmlからwindows用をダウンロードします。installer付きを選ぶと作業が楽です。

インストール

ダウンロードしたファイルを実行するだけです。
途中、

• Apache
• MySQL
• FileZilla

をインストールするかどうかを尋ねてきます。すべてYesで問題ありません。ちなみにFileZillaはローカルテスト環境では使いません（インストールはしておいて利用しなくても問題なし）

インストールが成功したかどうか確認

http://localhost/xampp/index.phpを呼び出してください。
以下のような画面が出れば、ここまでは成功です。

セキュリティの設定をする

このままですと、外部からローカルのフォルダをアクセスされてしまう可能性があります。
それを防ぐために、アクセス権の設定をします。

C:\Program Files\xampp\htdocsとC:\Program Files\xampp\htdocs\xamppに下記の.htaccessファイルを設置します。

phpの設定変更

phpの設定をします。主に、日本語処理を正しく動作させるために行う設定変更です。
設定ファイルは、C:\Program Files\xampp\apache\bin\php.iniです。

extension=php_mbstring.dllのコメントアウトを解除

extension=php_mbstring.dllの先頭にある“;”を削除します。

mbstringを設定

[mbstring]から複数行にわたって存在する
mbstring.○○ = ○○
のコメントアウトを解除します。
そのとき、
mbstring.encoding_translationがOffになっていたら、Onに変更します。

safemodeを設定

safe_mode = Off
をOnに変更します。

hostの設定

ブラウザからテストしたいドメイン（今回はサンプルとして『futocolo.jp』）を呼び出したときに、自分のPC（IP:127.0.0.1）上のファイルにアクセスしてくれるよう設定します。
本来、そのような設定にはDNSサーバーを使いますが、ローカルかつスタンドアロンの環境でそこまで設定するのは面倒くさいです。
そこで、windowsのhostファイルを設定することにします。hostファイルとは、そのPCのみで動作するDNSサーバー、だと考えてください。
hostファイルは、C:\WINDOWS\system32\drivers\etc\hostです（winXPの場合）。

hostファイルにテスト用のドメインを追加

hostファイルの一番下の行

の部分で「localhostが指定されたら127.0.0.1（つまりローカル）を開く」と指示しています。
この行の末尾に、テストをローカルで行いたいドメインを追加してください。
わたしの場合、

としました。

apacheの設定

今までの設定で、futocolo.jpにアクセスするとローカルのファイルを表示するようになっているはずです。
ただしこの時点では、127.0.0.1、localhost、futocolo.jp、www.futocolo.jpどのURLを入力しても、同じファイルが表示されます。
そこで、URLを入力ごとに、呼び出されるフォルダを設定します。
この設定は、Apacheの設定ファイル、C:\Program Files\xampp\apache\conf\httpd.confを修正して行います。

ドメイン情報を設定ファイルに追加する

httpd.confの末尾に、以下を追加します。

ServerNameに記載されたURLが呼び出されると、DocumentRootで指定されたフォルダにあるファイルを表示するようになります。
<Directory "hogehogehoge">～</Directory>は、CGIを使えるようにするためのおまじないだと思ってください。

hogehogehogeの部分は、レンタルサーバー上のindexフォルダの絶対パスと同じ場所を指定すると、テストランのときに便利です。CGIが使えるレンタルサーバーなら、マニュアルに記載されているはずです。

テスト用フォルダの設置

テストファイル動作フォルダの設置

hogehogehogeで指定したフォルダを作ってください。

Dreamweaverの設定

やっとDreamweaverでの設定です。

サイトの管理でテストサーバーを設定する

ftpはレンタルサーバーが指定したとおり。

テストサーバーを
サーバーモデル：PHP MySQL
アクセス：ローカル/ネットワーク
テストサーバフォルダ：hogehogehogeフォルダ
URL接頭辞：ドメイン（わたしの場合はhttp://www.futocolo.jp/）
と設定します。

これで、F12によるプレビューがローカルのApache上で動くようになります。



ドメインを複数保持している場合は、hostと<VirtualHost *:80>を追加すればOKです。
SQLの設定などは、後日。

XAMPPインストールについてもっと詳しく知りたい方は、phpspotさんの該当ページが参考になると思います。

なにか間違いや不足がありましたら、ご指摘いただけるとうれしいです。