次のページへAjax開発機能MyEclipseは、Ajax開発機能として、JavaScript編集機能とJavaScriptデバッグ機能を持っています。準備MyEclipseは、JavaScriptのコード補完やハイライト表示、文法チェック、アウトライン表示といった、通常Eclipseで開発をする際に必要な機能を一通り備えています。Projects]→[Webプロジェクト]を選択して新規のWebプロジェクトを作成します。Templates)]を選んで適当なファイル名を付けます。JavaScript編集機能それでは、HTMLを編集して、JavaScriptを挿入してみましょう。<script>タグの内部にJavaScriptを書いてみます。window.と入力した段階で、[Ctrl]+[スペース]を押すと、補完候補が表示されます(図2)。補完のリストには、メソッドや変数ごとにInternetExplorerとNetscape(Mozilla)への対応状況が表示されます。外部のJavaScriptファイルを利用した場合は、さらに、文法チェックとアウトライン表示を活用できます。WebRootフォルダを右クリックして[New]→[Other]→[MyEclipse]→[Web]→[JavaScript]を選択して、新規のJavaScriptファイルを作成します。そこで間違った入力をすると、行頭に×が付いてProblemの欄にエラーが表示されているのが分かります。正しい関数を作成しエラーを消すとアウトラインビューに対応する関数が表示されます。Browser)が付属しています。こちらを用いて、JavaScriptのデバッグを行ってみましょう。JavaScriptにブレークポイントを設定します。通常のJava開発と同様にソースの左側の欄をダブルクリックすることでブレークポイントを設定します。Application]を選びます。Browserが起動してデバッグモードに入り、ブレークポイントで中断することが分かります。その後、ステップ実行を行うことも可能です。MyEclipseのサーバ接続機能を利用することで、サーバ上にデプロイしたアプリケーションのJavaScriptのデバッグを行うことも可能です。Browserは、DOMインスペクタ連携機能も持ち、表示したHTMLのDOMオブジェクトの属性をEclipse上から一時的に変更することもできます。メールマガジンをご購読ください。申し込みページへITmediaはアイティメディア株式会社の登録商標です。