情報備忘録::eclipse + PDT 2.0 + XAMPP で作るWordpress開発環境

2009年05月30日 03:31

eclipse + PDT 2.0 + XAMPP で作るWordpress開発環境

パーマリンク | TB http://www.kantenna.com/cgi-bin/mt/mt-tb.cgi/464

PDT2.0入れた時のメモをまとめてみます。

インストールツール

Dropbox
XAMPP 1.6.8
eclipse 3.4.2
- Aptana
- PDT 2.0

環境

こんな感じの環境でwordpressを使ったサイトをデバッグできるようにします。


/* -------------------------
 Windows XP sp3
------------------------- */
ワークスペース
C:\My Dropbox\sites\
 |
 +-- プロジェクト
      www.zaku055.com\

Eclipse(C:\eclipse)

Dropbox

下記ページからクライアントソフトをダウンロードしてインストール。ここは特に問題なし。

Dropbox

Dropbox - Download Dropbox - Secure backup, sync and sharing made easy.

Wordpress

下記からダウンロードして解凍したファイルたちを「C:\My Dropbox\sites\www.zaku055.com\」に移動しておきます。

Wordpress

WordPress | 日本語

XAMPP

下記から1.6.8ダウンロードしてインストール。

最新ではなく1.6.8を入れる理由としては、最新版はPHP4 <-> PHP5ができないのと subversionのモジュールが入ってないためです。(入ってるのかもしれないが私の知識では分かりませんでした。)

これらを利用しない場合、最新の1.7.1でも問題ないと思います。

XAMPP

apache friends - xampp for windows

インストール

インストーラーを利用してインストールすれば特に問題なくインストールできるはず。

apacheやmysqlをサービスとしてインストールしますか？的なことを聞かれると思いますが、「サービスとしてインストール」した場合は PC起動時にそれらのサービスも起動します。そうでない場合、利用時にコントロールパネルから起動することになります。

参照サイト

XAMPP インストールマニュアル

バーチャルホスト設定

デフォルトの場合、ドキュメントルートが1つのため複数サイトを開発する場合、面倒なことになります。バーチャルホストを設定しておくことで複数サイトの開発が容易になります。

また、C:\xampp\htdocs が公開ディレクトリとなってますが C:\My Dropbox\sites\ もアクセスできる用に設定します。

「C:\xampp\apache\conf\extra\httpd-vhosts.conf｣を開いて


##NameVirtualHost *:80
↓コメントアウト
NameVirtualHost *:80

とする。さらに最後に下記のようにバーチャルホストを設定を追記します。


<VirtualHost *:80>
    DocumentRoot "C:/xampp/htdocs"
    ServerName localhost
</VirtualHost>

<VirtualHost *:80>
    DocumentRoot "C:/My Dropbox/sites/www.zaku055.com"
    ServerName local.zaku055.com
</VirtualHost>

次にC:\xampp\apache\conf\httpd.conf を開いて C:\My Dropbox\sites 以下にもアクセスできるように設定します。


<Directory "C:/My Dropbox/sites">
    Options Indexes FollowSymLinks Includes ExecCGI
    AllowOverride All
    Order allow,deny
    Allow from all
</Directory>

次にローカルアクセス用のアドレスを設定します。「C:\WINDOWS\system32\drivers\etc\hosts」に下記を追加します。


127.0.0.1       local.zaku055.com

以上でバーチャルホストの設定は完了となります。 XAMPPコントロールパネルからapacheを再起動後ブラウザに「http://local.zaku055.com」と打ち込んでページが表示されればOKとなります。

参照サイト

データベース

Wordpressで利用するデータベースを用意します。

http://localhost/ からphpMyAdminにアクセスして下記の設定で作成します。

Wordpress インストール

データベースの設定が済んだら「http://local.zaku055.com」にアクセスして Wordpressをインストールしましょう。設定はこうなります。

ユーザやパスワードなど設定しておらず環境によっては危険な場合もあるため一通り終わったら発行しておいた方がよいでしょう。

Eclipse

Eclipseは3.3で初めて利用したんですが、 PDT 1.0 のAll in Oneパッケージいれたところあまりのメニューの多さにｳｵｰｻｵｰ。変なエラー出たり重かったりしたんで今回は最少の構成を目指します。

Eclipse インストール

最小構成とか言っておきながらパッケージ利用します。

どのみち英語わからないため、日本語化したいのと全角空白、半角空白、タブ、改行（LF、CRLF、CR）を表示可能にする便利なプラグイン JStyleを入れるつもりなのでこれはよしとします。

下記から Platform をダウンロードします。Eclipseの実行には特定バージョンのJREが必要となるのでインストールされてない場合、Full All in One (JRE あり)を選ぶとよいかと思います。

参照サイト

Pleiades (Eclipse プラグイン日本語化プラグイン)

アーカイブのeclipseフォルダをCドライブ直下に解凍します。

C:\eclipse\eclipse.exeを実行します。

ワークスペースを「C:\My Dropbox\sites」として起動します。

PDT 2.0 インストール

ヘルプ > ソフトウェア更新 > 使用可能なソフトウェア > サイトの追加から

http://download.eclipse.org/technology/dltk/updates-dev/1.0/
http://download.eclipse.org/tools/pdt/updates/2.0/

の2つを追加します。でもって必要なものにチェックを入れインストールします。とはいっても一体何が必要なのかさっぱりわからなかったので下記サイトを参考にインストールしました。

参照サイト

参考までに日本語環境だとこうなります(たぶん)。

Aptana インストール

htmlやcss、javascriptなども編集する場合の定番プラグインとなります。

いろいろと便利と思われるツールがわんさか入ってきますが、全然使いこなせないので個人的には好きではありませんｗ必要なものだけ入れればいいのですが今のところよくわからないので基本全ていれます。

上記PDT 2.0と同じくヘルプ > ソフトウェア更新 > 使用可能なソフトウェア > サイトの追加から

http://update.aptana.com/update/studio/3.4

を追加。｢インストール｣を押すと下記画面が出るのでプロフェッショナル以外を選択して次へを押します。規約に同意するとインストールが始まるので終わるまでじっと待ちます。

参照サイト

Aptana Studio Professional

インストール完了すると再起動求められるので再起動しすれば完了です。

デバッガ

XAMPP 1.6.8 のデフォルトはZend DebuggerになってるのでXDebugに変更します。理由としてはZend Debuggerはmod_rewriteが有効な環境で正常にデバッグできないからです。

詳しくは下記サイトを参照ください

参照サイト

mod_rewriteが有効な環境で正常にデバッグできない

C:\xampp\apache\bin\php.iniを下記のように編集します。

php.ini


[Zend]
zend_extension_ts = "C:\xampp\php\zendOptimizer\lib\ZendExtensionManager.dll"
zend_extension_manager.optimizer_ts = "C:\xampp\php\zendOptimizer\lib\Optimizer"
zend_optimizer.enable_loader = 0
zend_optimizer.optimization_level=15
;zend_optimizer.license_path =
; Local Variables:
; tab-width: 4
; End:

[XDebug]
;; Only Zend OR (!) XDebug
;zend_extension_ts="C:\xampp\php\ext\php_xdebug.dll"
;xdebug.remote_enable=true
;xdebug.remote_host=127.0.0.1
;xdebug.remote_port=9000
;xdebug.remote_handler=dbgp
;xdebug.profiler_enable=1
;xdebug.profiler_output_dir="C:\xampp\tmp"

↓
↓ Zendをコメントアウト
↓

[Zend]
;zend_extension_ts = "C:\xampp\php\zendOptimizer\lib\ZendExtensionManager.dll"
;zend_extension_manager.optimizer_ts = "C:\xampp\php\zendOptimizer\lib\Optimizer"
;zend_optimizer.enable_loader = 0
;zend_optimizer.optimization_level=15
;zend_optimizer.license_path =
; Local Variables:
; tab-width: 4
; End:

[XDebug]
;; Only Zend OR (!) XDebug
zend_extension_ts="C:\xampp\php\ext\php_xdebug.dll"
xdebug.remote_enable=true
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000
xdebug.remote_handler=dbgp
xdebug.profiler_enable=1
xdebug.profiler_output_dir="C:\xampp\tmp"

XAMPP コントロールパネルからapacheを再起動してブラウザで http://localhost/ にアクセスして下記のようにXdebagと表示されてればOK