開発環境について

[amanoman]

Spket+FF3(firebug:デバッガ)でExtJSライブラリーを利用した開発をしてます。
Spketは、コード補完やJavadoc等が利用できてとても便利なのですが、Spketのデバック機能からFirebugへの接続が出来ないのでちょっと残念です。
どなたか、解決方法をご存知の方がいましたら教えてください。

また、他に何かExtJSでの開発環境で良いものがあれば教えてください。

[yuki]

色々と（というほどでもないですが）試してみましたが、回り回ってVimを使ってます（Mac環境ではMacVim、Win環境ではGvim:D

米国Extの開発者が薦めていた、ActiveStateのKomodoEdit (http://www.activestate.com/komodo_edit/)も一時期試してみたのですが、日本語がちょっとおかしいのと、Mac環境での動作がどうも不安定だったので止めてしまいました。

あと、Ext他JSの各種ライブラリをサポートしているAptanaも使っている人は多いと思いますが、これも個人的に「モッサリ感」が拭えずしばらく使って止めてしまいました。

あまり参考になりませんね・・・:)

[case-k]

emacsです。普通のエディタから離れられません;)
firebugは「必須アイテム」と思います。
リファレンスは、
http://extjs.com/deploy/dev/docs/
をローカルに置いて参照しています。
そんなわけで、私も参考にならない意見で恐縮です・・・
ただ、「IDEでしかできないこと」があるのかどうか興味があるんで・・・便乗質問で申し訳ないですが、ご存知の方教えてくださいませ。

[amanoman]

yukiさん、case-kさん　レス有難うございます。

いろいろ調べたのですが、結局spket上では、どうやらデバックできないみたいです。
FF起動してFirebugで頑張ります。:((


emacsです。普通のエディタから離れられません;)
firebugは「必須アイテム」と思います。
リファレンスは、
http://extjs.com/deploy/dev/docs/
をローカルに置いて参照しています。
そんなわけで、私も参考にならない意見で恐縮です・・・
ただ、「IDEでしかできないこと」があるのかどうか興味があるんで・・・便乗質問で申し訳ないですが、ご存知の方教えてくださいませ。

IDEにしか出来ないことと、言われると考えてしまいますが、とりあえず、利点とか上手に説明出来ないけどExtJS関連のIDEを並べて見ました。

[Eclips系]

Spket(スタンドアロン版)
コード補完機能
"Ext."をエディターで入力すると、下位のコントラクタ、オブジェクト、メソッド、プロパティが表示されます。
ソース参照

エディター上のExtオブジェクトで右クリックしてソースが参照できます。
ExtThemeビルダー

簡単に独自カラーのExtThemeが作成できます。
さわった感じ

EclipsにプラグインでSpketを入れるより、スタンドアロン版のが軽い感じがあります。ExtJSを利用してソースを書くときは、このエディターを使っています。
デバッガー

Javascriptのデバックは、Net Studioが無いと駄目そうな感じ…、FireFoxとの連動が駄目だったので、それ以上は調べてません。
その他

eclipsにしては、軽いです。LetsNote CF-W7にインストールしていますが快適です。
リンク

http://spket.com/
日本語化するためのプラグイン

http://mergedoc.sourceforge.jp/

Aptana（スタンドアロン版)

コード補完
Spketとほぼ同等。（SpketはExtJSライブラリーを自分で指定できるので良いけど、AptanaはExtJSの最新ライブラリーをどの様に適用したら良いのか分かりませんでした。常に最新なのかな？そのれも困るけど…)
ExtThemeビルダー

プラグインでSpketのThemeビルダーが利用可能
デバッガー

エディター上でブレークポイント切り替えが出来て、デバック実行をすると、Aptana内にコンソール等が表示され非常に便利。
その他

"モッサリ感"があり、エディターとしてはちょっとつらい…（パワーのあるPCなら大丈夫かも)
デバックの設定が悪いのかデバック中にFFが時々音信不通になる。（パワーのあるPCなら大丈夫かも)
リンク

http://www.aptana.com/
日本語化するためのプラグイン

http://mergedoc.sourceforge.jp/（Spketと同じです)
[MS&Adobe]

DreamWeaver CS4+Spketエクステンション
コード補完
インストールした事が無いので詳細分からず。
リンク

http://www.spket.com/dreamweaver-extension.html#cs3

VisualStudio 2008 +Spketエクステンション

機能的内容についてはDreamWeaverと同じ
リンク
http://www.spket.com/ext-intellisense-visual-studio.html

その他

VisualStudioで、GUIデザインも出来るエクステンションを過去にExtJSフォーラム(英語）で見かけた気がするけど、見つけられませんでした。
　リンク先がSpketばかりになってしまった…:-?



　

[case-k]

amanomanさん、こんにちは。

「theme builder」ってのがあるんですね。
これ、知らなかったっす。
ちょっと調べてみたら単独のbuilderはないみたいなんで、SpketやAptanaのそれはまさに「IDEならでは」ってことかもしれません。
私はいつも「xtheme-gray.css」をロードしてグレイなテーマを使っていますが、いつも同じで飽きてきてるので、theme builderをちょっと使ってみようと思います。
情報、ありがとうございました;)

[yuki]

もうご存知かもしれませんが、Wikiにエントリーがありましたね：

Manual:Resources IDEs
(http://extjs.com/learn/Manual:Resources#IDEs)（英語）

Spket使ってみようと思ったんですが、MacだとEclipseプラグインしかないですね・・・:((

[amanoman]

yukiさん、ありがとうございます。（知りませんでした:">）
けど、部分的に記憶があるような…:-?
年かなぁ？
暇を見つけて色々インストールして試してみます。

[djodjo]

spketでdebugというかeclipseからdebugできないかと画策してるんですが、aptana以外にはまだ手がないですね。aptanaはみなさん同様もっさりなのがちょっとですが、Adobe AIRのプロジェクトなどが作れる点は良いと思います。AIRに必要な設定ファイルや.airファイルの作成などが簡単でした。

Spketですが、amanomanさんから機能一覧でてますが、
他に。。。

１．結構好きなのがコードフォーマッター
　　思いの他いろいろ設定できます。例のオブジェクトリテラルの最後のカンマもフォーマッタでとってくれたりします。
　　・・・・が！デフォルトのフォーマットルール以外は有償版でないと無理。３０００円くらいでした。PayPalで買えます。

２．アウトラインがきれい
　　aptanaではうまくいかなかったのですが、Ext.extendした自作コンポーネントなどもきれいにでます。

ちなみに、プラグイン入れたらExtJSのコード補完をさせるのには設定がいります。
って記事をブログに書いてたとこでした。タイムリー:D
下書きだったので公開しました。
http://djodjo.jp/archives/211


---------------
djodjo.jp (http://djodjo.jp)

[amanoman]

djodjoさんのブログ見させて頂いています。
百聞一軒にしかずですね。
なんか、使っている人がいてちょっと”ホッ”としています。
Spket上でHTMLの編集もしたいので、現在、WTPをSpketスタンドアロン版に入れるのに四苦八苦しています。
WTP自体が重たいので、結局、モッサリしてしまうかも知れませんが。
また、何かあればＵＰします。

[djodjo]

そうなんですよ。WTPいれちゃうとまたもっさり・・・・

amanomanさん。ブログ見ていただきありがとうございます。:))

SpketにXMLエディタってのがあるのでそれにしています。
ExtJSやっているとHTMLをガリガリ書くこともすくないので今のところ満足しています。

PerlもいじるのでeclipseにSpketいれてるんですが、
SpketにEPICプラグインの方が軽いかな・・・・？Subversiveとかも入るかな？
気が向いたら試してみようかなと思います。

[amanoman]

WTPは、断念しました。
Spketスタンドアロン版がeclipse バージョン3.3.Xに対して、WTPは、eclipseバージョンが3.4か、3.1以下のものしかないので断念、djodjoさんに教えて頂いたXMLエディターでHTMLはコーディングすることにしました。

今度は、ドキュメント生成ツールを調べています。
Ext APIDocumentで表示される内容は、Javascriptのソースに書いてあるjavadocのコメントから自動生成しているような気がするので私の開発環境にも、同じ様な仕組みが出来ないか調査中。

[kiyoto01]

今度は、ドキュメント生成ツールを調べています。
Ext APIDocumentで表示される内容は、Javascriptのソースに書いてあるjavadocのコメントから自動生成しているような気がするので私の開発環境にも、同じ様な仕組みが出来ないか調査中。

ext-doc　を使えばできますよ。
http://extjs.com/forum/showthread.php?t=55214
http://code.google.com/p/ext-doc/

私個人が作った ux も API リファレンスをこれで自動生成しています。
http://extflot.googlecode.com/svn/trunk/extflot-doc/index.html

そして Ext Japan の小堤さんが、これを他言語対応しているようです。

[amanoman]

ext-doc　を使えばできますよ。
http://extjs.com/forum/showthread.php?t=55214
http://code.google.com/p/ext-doc/

私個人が作った ux も API リファレンスをこれで自動生成しています。
http://extflot.googlecode.com/svn/trunk/extflot-doc/index.html

そして Ext Japan の小堤さんが、これを他言語対応しているようです。

Ext.ux.FlotのAPIDocumentを見ながら、kyoto01さんに一度質問してみようかなぁ…と思っていたら、書き込みを頂いたのでびっくりしていました。8-|
チャレンジしてみます。

[yuki]

そして Ext Japan の小堤さんが、これを他言語対応しているようです。

小堤さんのは、ext-docsベースではなくて、DBにクラスからメソッドから全てぶち込んで、動的にHTMLを吐かせる仕組みですよ:D

しかし、ext-docsは本当にいいツールなので、ぜひ使いましょう！

[Kazuhiro Kotsutsumi]

小堤さんのは、ext-docsベースではなくて、DBにクラスからメソッドから全てぶち込んで、動的にHTMLを吐かせる仕組みですよ:D

しかし、ext-docsは本当にいいツールなので、ぜひ使いましょう！

正確には、DBに全部いれこんで、吐き出ししてしまったHTMLを参照しています。
さすがにExt JSのソースコード内に翻訳をしていくと多言語対応できないので・・。