KANTENNA.COM

Solarized

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

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

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

インストールツール

  • Dropbox
  • XAMPP 1.6.8
  • eclipse 3.4.2
    • Aptana
    • PDT 2.0

環境

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

構造
  1.  /* -------------------------
  2.   Windows XP sp3
  3.  ------------------------- */
  4.  ワークスペース
  5.  C:\My Dropbox\sites\
  6.   |
  7.   +-- プロジェクト
  8.   www.zaku055.com\
  9.  
  10.  Eclipse(C:\eclipse)

Dropbox

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

Wordpress

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

XAMPP

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

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

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

インストール

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

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

バーチャルホスト設定

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

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

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

C:\xampp\apache\conf\extra\httpd-vhosts.conf
  1.  ##NameVirtualHost *:80
  2.  ↓コメントアウト
  3.  NameVirtualHost *:80

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

C:\xampp\apache\conf\extra\httpd-vhosts.conf
  1.  <VirtualHost *:80>
  2.   DocumentRoot "C:/xampp/htdocs"
  3.   ServerName localhost
  4.  </VirtualHost>
  5.  
  6.  <VirtualHost *:80>
  7.   DocumentRoot "C:/My Dropbox/sites/www.zaku055.com"
  8.   ServerName local.zaku055.com
  9.  </VirtualHost>

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

C:\xampp\apache\conf\httpd.conf
  1.  <Directory "C:/My Dropbox/sites">
  2.   Options Indexes FollowSymLinks Includes ExecCGI
  3.   AllowOverride All
  4.   Order allow,deny
  5.   Allow from all
  6.  </Directory>

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

C:\WINDOWS\system32\drivers\etc\hosts
  1.  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 あり)を選ぶとよいかと思います。

アーカイブの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なども編集する場合の定番プラグインとなります。

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

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

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

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

参照サイト

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

デバッガ

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

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

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

php.ini

C:\xampp\apache\bin\php.ini 変更前
  1.  [Zend]
  2.  zend_extension_ts = "C:\xampp\php\zendOptimizer\lib\ZendExtensionManager.dll"
  3.  zend_extension_manager.optimizer_ts = "C:\xampp\php\zendOptimizer\lib\Optimizer"
  4.  zend_optimizer.enable_loader = 0
  5.  zend_optimizer.optimization_level=15
  6.  ;zend_optimizer.license_path =
  7.  ; Local Variables:
  8.  ; tab-width: 4
  9.  ; End:
  10.  
  11.  [XDebug]
  12.  ;; Only Zend OR (!) XDebug
  13.  ;zend_extension_ts="C:\xampp\php\ext\php_xdebug.dll"
  14.  ;xdebug.remote_enable=true
  15.  ;xdebug.remote_host=127.0.0.1
  16.  ;xdebug.remote_port=9000
  17.  ;xdebug.remote_handler=dbgp
  18.  ;xdebug.profiler_enable=1
  19.  ;xdebug.profiler_output_dir="C:\xampp\tmp"

Zendをコメントアウト

C:\xampp\apache\bin\php.ini 変更後
  1.  [Zend]
  2.  ;zend_extension_ts = "C:\xampp\php\zendOptimizer\lib\ZendExtensionManager.dll"
  3.  ;zend_extension_manager.optimizer_ts = "C:\xampp\php\zendOptimizer\lib\Optimizer"
  4.  ;zend_optimizer.enable_loader = 0
  5.  ;zend_optimizer.optimization_level=15
  6.  ;zend_optimizer.license_path =
  7.  ; Local Variables:
  8.  ; tab-width: 4
  9.  ; End:
  10.  
  11.  [XDebug]
  12.  ;; Only Zend OR (!) XDebug
  13.  zend_extension_ts="C:\xampp\php\ext\php_xdebug.dll"
  14.  xdebug.remote_enable=true
  15.  xdebug.remote_host=127.0.0.1
  16.  xdebug.remote_port=9000
  17.  xdebug.remote_handler=dbgp
  18.  xdebug.profiler_enable=1
  19.  xdebug.profiler_output_dir="C:\xampp\tmp"

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

以上で一通り設定は完了です。 ワークスペースにプロジェクトを追加してみましょう。

プロジェクトの作成

ファイル > 新規 > PHPプロジェクト でパネルを開いて プロジェクト名に「www.zaku055.com」と入力します。 完了ボタンを押すとPHPエクスプローラーに下記のように表示されます。

これで編集できるわけですが、文字化けする場合がありますので ワークスペースかプロジェクトの文字コードを変更しましょう。

ワークスペース 文字コード設定

ワークスペースでの設定はプロジェクトに継承されます。 複数のプロジェクトで同じ設定利用したい場合は下記で設定しましょう。

ウィンドウ > 設定 > 一般 > ワークスペース

の「テキスト・ファイル・エンコード」で文字コードの設定をします。 デフォルトでは「MS932」とかわけわかんない設定(たぶんsjis)になってるので Wordpressデフォルトの文字コードであるutf-8に設定します。

プロジェクト 文字コード設定

ワークスペースで設定してある文字コードを変えたい場合

プロジェクト > プロパティ > リソース

の「テキスト・ファイル・エンコード」をその他にしてプロジェクトで利用する 文字コードを入力します。

デバッグ

PHP実行可能ファイル

ウィンドウ > 設定 > PHP > PHP実行可能ファイル

の「追加」を押して下記のように設定します。

PHPサーバー

ウィンドウ > 設定 > PHP > PHPサーバー

の「新規追加」をクリックして下記のように設定します。

デバッグの構成

実行 > デバッグの構成

のPHPスクリプトに下記設定で新規追加します。

そしてそのまま「デバッグ」を押してPHPデバッグパースペクティブに移動します。 こんな感じで変数などが表示されステップインするごとに変化していけば成功です。

PHP統合開発環境 PDT2入門
作者:岸本 忠士 | 価格:¥ 2,940

トラックバック(5)

2010年1月25日 02:07

不完全なEclipse PDT2.0のデバック設定情報備忘録

XAMPP1.6.8、PDT2.0でのPHPスクリプトのデバッグ設定について。 不完全であり、解決できない問題があり。続きを読む

2011年9月 9日 02:11

Eclipse スニペット情報備忘録

Eclipseで良く使うコードをエディタに登録しておくことで、コピペが楽になるスニペットを利用する。続きを読む

2011年9月14日 13:28

[WordPress]XML-RPCを利用して外部から投稿したりする。WEBプログラム覚書

WordPressでは、XML-RPCを利用することでエントリーの投稿、取得、カテゴリの作成、編集などをブラウザで管理画面にログインすることなく出来ます。続きを読む

2011年12月18日 03:45

Eclipseのワークスペース移行メモ情報備忘録

EclipseのキーバインドのCSVエクスポートが超優秀なトラップな件続きを読む

2011年12月19日 01:51

Eclipseで関連付けされていないファイルを開く手順情報備忘録

Eclipseで関連付けされていないファイルを開く手順続きを読む

コメント

コメントする
Name
Email Address
URL
TIME LINE
2012
02.08

[Ubuntu11.10]Winows XPユーザーがUbuntuを使ってみて

Windows XPとUbuntuのデュアルブート環境にしてみておもったこと。

2012
02.03

[jQuery]closest()とparents()

今から16年前Netscapeブラウザのソースコードの公開方法の会議の中で、初めてオープンソースという言葉が使われた今日、 みなさんいかがお過ごしでしょうか。

今回の投稿はそれとは関係のないjQueryのparents()とclosest()が 似てたので何が違うのか試した時のメモです。

2012
02.01

[jQuery Mobile]初期化イベントメモ

jQuery Mobileは読み込まれてから

mobileinit -> pagebeforecreate -> pagecreate -> pageinit

の順番でイベントが発生する。

2012
02.01

[WordPress]管理画面のフッタのフィルタとアクション。

時間も時間なので、あまり使用頻度の高くない微妙なネタを。

会員制サイトなどで不特定多数の人にログインさせる場合、フッタのバージョン情報は隠しておきたかったり、 こじゃれたメッセージを表示したいときとか使うアクションとフィルタ。

2012
01.28

[WordPress] ブログの情報を取得する方法とノーキャッシュ疑惑

ブログのget_bloginfo()で取れないデータが必要な場合に使うもの。

2012
01.26

[jQuery Mobile]ダイアログ

jQuery Mobileにおけるダイアログの扱いはウインドウではなくページ。 なので通常のページと同様に扱える。ダイアログウインドウを出す。じゃなくダイアログページに遷移する。的な。

2012
01.25

[Ubuntu11.10]Ubuntuのインストール後の設定

インストール完了後の環境構築。PC起動時いちいちBIOSからブートドライブ選んで ブートするのかと思ってたら起動時にOS選択画面が出てくる。

すばらしいですね。

2012
01.24
2012
01.23

MinGW+Mintty+Git

MinGW+Mintty+Gitをやろうとして失敗に終わった。このエントリーには収穫できるものはありません。