hiromasa.zone : o)

» Eclipse + XAMPP で WordPress の開発環境を作ろう
 » Eclipse + phpEclipse の使い方

  • 作成日時 : 2005-07-22 19:12:14
  • 更新日時 : 2005-07-22 20:12:53

Eclipse + phpEclipse でできらキと

Eclipse + phpEclipse でできらキとを列挙してみます。

  • ファイル管理(コピーや削除、プロジェクトの管理)
  • エディタでの PHP ソースファイル(HTML 含む)の色分け表示
  • PHP ファイルの即時エラーリポート(コロンがないとか括弧の対応がとれていないとかをリアルタイムで申告してくれます)
  • ソースエディットに必要な自由なカーソルジャンプ(プログラムのアウトライン表示、呼d双し元関数へのジャンプ等々...)
  • ファイル同士の比較及d・ッチの生成
  • プログラムのデバッグ機能(プログラムの雕? sを途中で止めて変数の内容を確認したり、雕? s順をゆ・ュりウォッチできる)

他にも沢山ありますが、とりあえずこれらを使えば作業時間の霜Z短縮が望めます。 統合開発環境はソースの修正だけに集中できるように できているソフトウェアです。 最初は難しく見えるかcハれませんが使うところは隹?轤黷トいますので、順次、技を増やしてい・トください。 :-)

以下、簡単ではありますが使い方を紹解?トきます。

ファイル管理

Eclipse 左ペインにある「ナビゲータ」でファイルの管理をすらキとができます。

Eclipse

  • ファイル名のダブルクリックでファイルをエディタに読み込みます。エディタはタブに対応していて、複数のファイルを同時に開くこ とが可能です。
  • ファイル名を右クリックして表示されるコンテキストメニューから、「コピー」「移動」「削除」が可能です。 またドラッグアンド ドロップにも対応しています。
  • 既存のファイルをインポートしたい場合はこのナビゲータに、エクスプローラ等からドラッグアンドドロップすればインポートできま す。プラグインのインストールに有効です。
  • Eclipse を使わずにファイルの雕?フ(C:\xampp\htdocs2\配下)をエクスプローラ等で変更した場合は、右クリックから「更新」を選択すると ナビゲータに反映されます。
    (たとえば C:\xampp\htdocs2\wordpress-1.5.1.3\wp-content\plugins\ に直接エクスプローラでプラグインをコピーしたときや、WordPress が自動でつく・ス wp-config.php などが表示されていない場合等に、この操作で Eclipse に反映できます)
  • WordPress のバージョン違いをいれるなどしてプロジェクトが複数ある場合は、プロジェクト名をナビゲータから選択し、Eclipse のメニュー、「プロジェクト」 -> 「プロジェクトを開く/閉じる」 で必要なプロジェクトだけツリーを展開しておくことができます。

PHP のリアルタイムエラーチェック

phpEclipse が入・ス状態の Eclipse で .php のファイルを開くと、PHP 言語の構文にあわせて色分けされて表示されます。 また、ファイルにエラーがある場合は、

Eclipse

画面下に「問題」として場所が示されます。 ×が付いている行は致命的なエラーです。 !はワーニングです。  ×が付いている場合はどこかが致命的に間違・トいます。 ただし、ごくたまに PHP ソースの解析に失敗してエラーではなくても申告される場合があります。(WordPress オリジナルのファイルが×がでるのはこのためです)

初期設定では「プロジェクト全体」をエラーチェックにい・トしまうので、エディタで開いているファイルだけエラーチェックするように設 定するとよいです。

画面下「問題」ビューから、

Eclipse

下矢印の「フィルター」を選択し、

Eclipse

「選択されたリソースのみ」を選dブOK」ボタンを押下します。 これで、開いているファイルだけエラーチェックしてくれるので申告が 分かりやすくなります。

エラーチェックは、ダブルコーテーションaサ弧の不整合などのケアレスミスを未然に防いでくれますので、使い出すとなくてはならない 存在になるでしょう。 :-)

その他のテキストエディタの機能

基本的には一般的なテキストエディタと同じ操作で使えると思います。ファイルの保存やクリックボードの操作などのショートカットキーもほぼ同じです。

Eclipse

設定は次の場所にあります。Eclipse のメニューから、「ウインドウ」 -> 「設定」 を開きます。

Eclipse

「ワークベンチ」 -> 「エディタ」 配下にまとま・トいます。

たとえば、表示フォントが小さいよーという場合は、

Eclipse

「表示とフォント」 -> 「テキストフォント」 -> 「変更」で変えらキとができます。(11pt くらいがいいかも...)

また、PHP に的サしたエディタの設定は、「PHP Web Development」配下の「PHP」にまとま・トいます。

Eclipse

その中の「Editor」を選択します。 初期状態ではファイルに行番号が出ていないので「Show Line Numbers」にチェックを入れて表示させると良いでしょう。

エディタに関しては好みがあると思うのでいろいろ設定してみてください。ぼくは、エディタに改行とタブが表示されていないと異常に不安 なので、JStyle という Eclipse プラグインを別途インストールしています。

その他の機能

その他の機能を一覧にします。

キー操作 効果
F3 関数の上や、include 命令等の上で押下すると該当部分にジャンプする。簡単にプログラムを追えるので便利
Ctrl + H プロジェクト内 grep 検索。開いているプロジェクトファイルすべてに対して検索を雕? sする
Ctrl + F ファイル内検索
Ctrl + PageUP/ Down タブで開いているファイルを次々に切り替える
Ctrl + / 選択している行をコメントにします。もう一度おすと解除。デバッグコードを一度にコメントにできるので便利。
ウインドウ -> ビューの表示 間違・ト閉じてしま・ス "ビュー"(ナビゲータ等)を再表示する
ビューのドラッグアンドドロップ 各ビューはドラッグアンドドロップで好きな位置に持・ト行くことができます
ナビゲータビューで2つのファイルを選択して「次と比較」 -> 「相互」 2つのファイルの相違点を分かりやすく表示してくれます。バージョン違いのファイルの修正点を確認するのに便利

その他にもまだまだ機能があります。 この手のは、書かれたのを覚えるよりも必要にな・スときに調べるほうが覚えられるので、ヘルプ等を参考に操作してみてください。

Eclipse の情報源

Eclipse + phpEclipse の本というのはまだでていないようです。 Eclipse 自体の本はたくさん発売されているのですが、Java メインなことが多いので手に取るとちょ・ニ違うかcハれません。

ということで、今のところ Web サイトが最大の情報源です。

FrontPage - EclipseWiki

日本最大の Eclipse サイトです。 cハ、Eclipse の操作やプラグインで疑問があ・ス場合はみてください。

Eclipse + phpEclipse は陟?閧オていますので、WordPress のような大きなソースを追うにも十分雕?pになります。 これだけうごけばテキストエディタだけの環境から乗り換える価値は十分あると思います。 是非活用してください。