【ハウツー】JavaScriptの開発の決定版!? AdobeからJSEclipse (1) JSEclipseとは | エンタープライズ | マイコミジャーナル
Ajaxアプリケーションを開発するにあたって、多くの場合、JavaScriptのコーディングが何らかの形で行われる。しかし、Prototype.jsを始めとするライブラリが大きくなりつつある昨今、単純なエディタで開発するのは骨が折れる。JavaやC++にあるように、コーディングを助けるためのIDEが必要となるだろう。 そこで紹介したいのがJSEclipseだ。JSEclipseはEclipse IDE用のプラグインで、JavaScriptのコーディングを補助するための機能を提供するもの。Adobe Labsから提供されている。 すでに試験提供が開始されており、機能追加も活発におこなわれている。JavaScriptコーディングのための機能を多く提供しており、開発効率をあげてくれることは必須。本稿ではこのJSEclipseを紹介したい。
Adobeは2日、Adobe Labsを通じてフリーのEclipse用JavaScriptエディタプラグイン「JSEclipse」をリリースした。今回のバージョンは「prerelease 2」となっている。 JSEclipseはAdobe Labsのサイトから無償でダウンロードすることができる。なお、ダウンロードするためにはAdobe IDの登録が必要。また、Eclipseプラグインであるため、Eclipseを使用できるようにしておくことが必要となる。 ダウンロードしたzip形式のファイルを解答し、pluginsフォルダ内の「com.interaktonline.jseclipse_1.5.5.jar」とfeaturesフォルダ内の「com.interaktonline.jseclipse_1.5.5.jar」ファイルを、それぞれEclipse本体のpluginsフォルダとfeatur
JSEclipse レビュー MOONGIFT
JSEclipse レビュー 設定 JSEclipse （クリックすると拡大します) Syntax Coloring （クリックすると拡大します) Templates （クリックすると拡大します) Typing （クリックすると拡大します) 例 （クリックすると拡大します) 入力補完 （クリックすると拡大します) ハイライト表示 （クリックすると拡大します) 入力補完 （クリックすると拡大します) コメントトグル （クリックすると拡大します) 途中で改行すると自動でコメントアウトされます。 （クリックすると拡大します) prototype対応 （クリックすると拡大します) JSEclipse 紹介はこちら
Adobe Labs - JSEclipse JSEclipse is a new plugin for the Eclipse environment that helps developers code JavaScript faster and with no errors. JavaScript編集に役立つEclipseプラグイン「JSEclipse」 コード補完機能やアウトライン機能など、Eclipse同様、便利な編集機能を提供してくれます。 Dojo, prototype.js, script.aculo.us, yahoo ui library, Qooxdoo などの補完にも対応しているようです。 なかなか便利そうですね。 関連サイト PHPエディタ - フリーのwindows用php統合開発環境 - phpspot
EclipseのプラグインであったJSEclipseが単独では提供しないみたい。 - kuniku’s diary
EclipseでJavaScriptファイルを編集する際などに、拡張子「.js」をJSEclipseのプラグインを利用するようにしていた。 ソースが見やすかったり、コメントが書きやすかったり、コメントの表示・非表示を切り替えることができたり、javadocのような@author,@since,@versionなどの補完機能があったりして便利だった。 むかし、プラグインを入れた際のURL：http://download.macromedia.com/pub/labs/jseclipse/autoinstall Adobeのサイトを見ると http://labs.adobe.com/technologies/jseclipse/ JSEclipse shipped on February 25, 2008 as an optional pluging with Flex Builder 3 a
Adobeが配布している、JavaScript開発用Eclipseプラグイン「JSEclipse」ですが 、ようやく管理人も試すことができたので、レポートしてみたいと思います。 なお、 管理人は次のような環境で利用していますので、ご自分の環境に合わせて読み替えてください。 Mac OS X(Tiger) Eclipse (EasyEclipse for LAMP)英語版 さて、まずはJSEclipseをインストールします。Eclipse3の場合はアップデートマネージャーを使うと便利でしょう。 [Help][Software Update][Find And Install...]を選びましょう。[Search for new features to ins...]を選んで[New Remote Site...]ボタンをクリックし、次のように記入します。 Name: JSEclipse（なん
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
【ハウツー】JavaScriptの開発の決定版!? AdobeからJSEclipse (2) インストール | エンタープライズ | マイコミジャーナル
JSEclipseのサイトでJSEclipseが提供されているのでダウンロードしてEclipse IDEにインストールすればいい。ダウンロードにあたってはAdobe IDが必要となる。ダウンロードした成果物は図1のような構成になっているので、pluginsディレクトリにあるファイルをEclipse IDEのplugingsディレクトリ以下にコピーすればいい。 図1 JSEclipse成果物のディレクトリ構造 Eclipse IDEのSoftware Updatesを使ってインストールする場合は、URLに「http://download.macromedia.com/pub/labs/jseclipse/autoinstall」を指定してインストールする。 図2 Software Updatesでインストールする場合 図3 JSEclipseを選択してインストール インストールに成功していれ
【ハウツー】JavaScriptの開発の決定版!? AdobeからJSEclipse (1) JSEclipseとは | エンタープライズ | マイコミジャーナル
Ajaxアプリケーションを開発するにあたって、多くの場合、JavaScriptのコーディングが何らかの形で行われる。しかし、Prototype.jsを始めとするライブラリが大きくなりつつある昨今、単純なエディタで開発するのは骨が折れる。JavaやC++にあるように、コーディングを助けるためのIDEが必要となるだろう。 そこで紹介したいのがJSEclipseだ。JSEclipseはEclipse IDE用のプラグインで、JavaScriptのコーディングを補助するための機能を提供するもの。Adobe Labsから提供されている。 すでに試験提供が開始されており、機能追加も活発におこなわれている。JavaScriptコーディングのための機能を多く提供しており、開発効率をあげてくれることは必須。本稿ではこのJSEclipseを紹介したい。
【ハウツー】JavaScriptの開発の決定版!? AdobeからJSEclipse (3) Hello JSEclipse! | エンタープライズ | マイコミジャーナル
JSEclipseの動作はEclipse IDEの流儀に従っているので、Eclipse IDEになれていれば特に操作に困ることはないだろう。以降に操作例を紹介していく。 図6はためしにPrototype.js 1.4.0のJavaScriptソースファイルを読み込ませて表示させたものだ。中央に編集エディタ、右部がアウトラインビュー、下部がエラー表示や解説ビューだ。構成とそれぞれのビューの機能はEclise IDE(Java開発環境)と同じだ。 図6 JSEclipse動作例 – Prototype.js 1.4.0を使った場合 図9 アウトラインビューにメソッドや変数などの一覧が表示される 作成するJavaScriptのソースコードが大規模になってくると、変数や関数の定義が別ファイルになる。"Open Declaration"かまたはF3を使うと、元の定義されている部分へジャンプすることが
【ハウツー】JavaScriptの開発の決定版!? AdobeからJSEclipse (4) 強力な補完機能 | エンタープライズ | マイコミジャーナル
そしてなんといっても便利なのははJSEclipseが提供している補完機能だ。入力をとめてしばらく待つかCtrl-Spaceを押すと補完候補が表示される。補完候補は関数名や変数に限らず、あらかじめ設定した構文テンプレートなどもあげられる。テンプレートは設定ダイアログから編集や追加ができるので大量の補完入力も実現できる。 図16 補完候補にはテンプレートも用意されており、構文ごと補完入力可能 HTML文書内に記載されたJavaScriptに対しても同様にJSEclipseでの編集を提供できる。また、JavaDocと同じようにコメントの形式でドキュメントを記載する方法もサポートされており、ここでも補完が可能だ。 図60 HTML文書内に用意されているJavaScriptをJSEclipseで編集することも可能 図61 JavaDocと同じ形式のドキュメントマニュアルの記述補完も用意されている ほ
JSEclipseを導入する
あまりJavaScriptに詳しくないので勉強しとこうと思いまして、まずは環境構築から始めました。 とりあえず、Adobeが出してるJSEclipseを入れてみました。 IDE : Eclipse 3.5 Galileo プラグイン : Adobe JSEclipse 1.5.5 1. Eclipseを起動して、「ヘルプ」→「新規ソフトウェアのインストール」をクリックしていき、 「作業対象」のテキストボックスに以下のURLを入れる。
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adobe製、フリーのJavaScriptエディタプラグイン「JSEclipse」：CodeZine
JavaScript編集に役立つEclipseプラグイン「JSEclipse」:phpspot開発日誌
[実践] JSEclipseをインストールする方法: Recently Ajax
Adobe製、フリーのJavaScriptエディタプラグイン「JSEclipse」