PC Memo

UMLをEclipseで作成する機能やコードフォーマット機能、

Eclipse -  プラグインで拡張

プラグインの導入方法 AmaterasUMLでUML作成 AmaterasUMLを導入する GEF(Graphical Editing Framework)が必要 AmaterasUMLを使ってみる PHP開発プラグイン PTDにコードフォーマット機能を追加する 導入方法 設定方法とフォーマットの適応 PTDのPHPコード補完を日本語化する EclipseにAptanaを組み込む Aptana プラグインの導入 AptanaとFirefox で JavaScriptをデバッグする FirefoxにJavaScript Debugger アドオンを追加 Eclipseでデバッガーを設定する
  • 通常、設定は、メニューバーのウィンドウ → 設定 を開いたものを示します。
--

プラグインの導入方法

Eclipseは、プラグイン方式で機能を拡張できる。
多くのプラグインは、EclipseフォルダのpluginsフォルダにプラグインファイルをコピーしてEclipseを再起動すると良い。

拡張子が jar のファイルは、plugins フォルダの直下に入れる。
features・pluginsフォルダは、基本的に上書きで良い。圧縮ファイルの説明

左図のような書庫ファイルだった場合は、pluginsフォルダを
Eclipseフォルダに上書きすると良い。

※ Eclipseフォルダとは、eclipse.exeのあるフォルダを示す。

※ プラグインフォルダとは、Eclipseフォルダ内にあるpluginsを示す。

下図のような書庫ファイルの場合は、プラグインフォルダに書庫ファイルを解凍すると良い。
書庫名でフォルダが自動的に生成されたりしないように注意すること。

圧縮ファイルの説明2

プラグインの導入や削除を行う前にEclipse全体をバックアップしておくことを推奨します。

--

AmaterasUMLでUML作成

UMLは、オブジェクト指向開発でよく使われるクラスやメソッドや入力、出力などを視覚化して表した図です。
小規模の小さなプログラムでは、必要有りませんが複雑なプログラミングをする上では、不可欠なものです。

--

AmaterasUMLを導入する

  • AmaterasUMLの配布サイト から ?AmaterasUML_1.3.1.zip をダウンロードします。
  • ダウンロードした圧縮ファイルの中にある、3つのファイルをeclipseのpluginsフォルダに解凍します。
--

GEF(Graphical Editing Framework)が必要

AmaterasUMLを動作させるには、GEFが導入されている必要があります。
http://www.eclipse.org/gef/downloads/ からダウンロードして導入を行って下さい。

PDT All-in-Oneを使っている場合は、既に導入されていますので新たに導入する必要は、ありません。

--

AmaterasUMLを使ってみる

AmaterasUMLの最新バージョンでは、クラス図、シーケンス図、ユースケース図、アクティビティ図が作成できます。

UMLの基本的なダイアグラム
図名 概要
クラス オブジェクト指向においてプログラムやシステムの構造を表す
シーケンス オブジェクトの振る舞いを表す
ユースケース ユーザーとシステムの関係を表す。ユーザーからみた処理の流れ。
アクティビティ フローチャートに似ている。処理の流れを表す。

UMLを作成するには、Eclipseのメニューバーより、ファイル → 新規 → その他 を開きます。
AmaterasUMLを展開させ、作成したい図を選択します。

操作方法については、直感で操作できると思いますのでここでは、省きます。

--

PHP開発プラグイン PTDにコードフォーマット機能を追加する

PHPのソースコードを設定した通りに整形するコードフォーマット機能を追加する方法です。

--

導入方法

--

設定方法とフォーマットの適応

Eclipseのメニューバーから ウィンドウ → 設定を開きます。
左のツリーからPHPを展開させフォーマッターを開きます。

各項目を好みに応じて設定します。

コードウィンドウ(PHPのコードの上)を右クリックしてフォーマットを実行するとコードが設定通りに整形されます。

--

PTDのPHPコード補完を日本語化する

PTDは、コード補完機能があり便利なのですがコメントなども英語で表記されており、使いづらいので日本語化しよう。
全て日本語化するわけではないのであまり意味が無いのかも知れません。

Code Assist Extension Pluginは、設定を開き、
PHP → エディタ → Code Assist Extension を開いて有効にしたい項目にチェックを入れて有効にします。

--

EclipseにAptanaを組み込む

Aptanaは、Eclipseをベースとして動作するプログラマ向けのWeb開発環境です。
HTMLのタグを入力していく方式でWYSIWYGでは、ありませんがタグをある程度、理解してるならば、
Aptanaを導入することで開発効率が向上します。
  1. HTML , XHTML , CSS , JavaScriptの開発環境
  2. 主要なタグをワンクリックで導入できる
  3. ソースコードのフォーマット(整形)ができる
  4. 入力しながら文法のエラーチェックができる。
  5. 別にブラウザを起動しなくてもIE と FireFoxでの表示を確認できる
  6. タグの属性を入力する際に対応ブラウザをリアルタイムで確認できる
  7. タグを階層的に確認できる。折りたたみが可能
  8. FTP機能がある
このほかにも様々な機能がある。
--

Aptana プラグインの導入

今回は、Eclipseのプラグインとして導入します。
  1. Eclipseのメニューバーより、ヘルプ → ソフトウェアの更新 → 検索とインストールを開く
  2. インストールする新規フィーチャーを検索を選択して次へ
  3. 新規リモート・サイトを開く
  4. リモート・サイトの編集が開いたら、名前をAptana 、 URLを 「 http://update.aptana.com/update/3.2/ 」 と入力
  5. OKで閉じて、追加したAptanaにチェックがあることを確認して終了をクリック
  6. 残りの作業は、ウィザードの指示に従うのみ
--

AptanaとFirefox で JavaScriptをデバッグする

Aptanaでは、Firefoxと連携することでJavaScriptをデバッガーに掛けることができる。
ブラウザで視覚的に確認しながら動作を確認できるのが特徴だ。
ここでは、Firefoxは、既に導入済みとする。
--

FirefoxにJavaScript Debugger アドオンを追加

Firefoxに専用のアドオンを追加する必要があるので下記のURLから追加を行おう。。
http://www.aptana.com/docs/index.php/Installing_the_JavaScript_debugger
画像の説明aptanadebugger.xpiと書かれたリンク が下のほうにあるのでこれを開く。

「あなたのコンピュータを保護するため、Firefox にこのサイト(www. aptana.com)はソフトウェアのインストールを要求できない設定になっています。」と表示されたら
「設定を変更」ボタンをクリックし、「許可」でアドレスを許可リストに加えよう。
加えたらFirefoxを再起動して上記の操作を再度、行うと、「ソフトウェアインストール」と表示されアドオンをインストールできるようになる。

--

Eclipseでデバッガーを設定する

メニューバーから「実行」 → 「デバッグ・ダイアログを開く」を選択。
ブラウザ実行可能ファイルは、firefox.exe までのフルパスを記述すれば良い。

開始アクションは、デバッガーをどのファイルから開始させるか指定するものだ。
JavaScriptの場合は、.jsファイルをブラウザで開いても仕方ないのでhtmlファイルを指定する必要がある。
設定が終わったら「適応」をクリックして「デバッグ」をクリックすることでデバッグすることが可能になる。

次のドキュメント:Eclipseの使い方 前のドキュメント:EclipseでWeb開発環境構築
印刷用ページとして表示しています。
このページを印刷するには、ここをクリックしてください。
通常の表示に戻るには、ブラウザの更新ボタンかF5キーを押してください。
このドキュメントへのトラックバック 

コメント

名前
Webサイト、ブログのURL
コメント
投稿する内容をよく確認して送信して下さい。
コメントは、まだありません。

トラックバック

トラックバックURL
コメント
トラックバックURLと内容をよく確認して送信して下さい。
トラックバックは、まだありません。

Valid XHTML 1.0 Transitional HTML lint 正当なCSSです! CSS Validation Service ページを編集 アクセス情報
サイト情報(連絡先・リンクについて) (C)2007-2008 PC Memo ALL Rights Reserved. 今日:2 総合:2
トップページ   プリントアウト   検索: メニューを表示