JavaScript対応のIDEをまとめてみた
JavaScriptに対応してるIDEのメモまとめ。
- Aptana
有名どころでEclipseのプラグインとしても使えます。
IDEらしくちょっと重たいけど、整形やデバッグやスニペットなど大抵の機能が入ってる。
IDE内でブラウザプレビューができて便利。
最近のバージョンだとFirefoxのプレビュー機能がデフォルトで入ってないので別途プラグインを入れる必要がある。
Aptana Studio 2.0.3-Firefoxプレビュータブ – ゆちの備忘録 - WebStorm
JavaScript EditorにJavaScript関係の対応について書いてある。
HTMLとかまぜこぜでも補完ができてる。
追記:ちょっと触ってみたら実は凄かった
追記2:使い勝手などをまとめて見ました。
最強のJavaScript IDE 「WebStorm」を使ってみた - Komodo IDE
デバッグ系機能がないkomodo Editもある。
komodo Editはオープンソース版のOpen Komodoもあるらしい。
XULと親和性が高そうで Komodo Edit が面白い – hogehoge @teramako - Spket IDE
以前何か書きましたJavaScript向けIDE「Spket IDE」の導入 | Web scratch
IDEの中では軽くて、Firefoxの拡張向けの機能もある。 - Visual Studio 2010
またまたーって感じがするけど意外と凄い子。
neue cc – JavaScriptエディタとしてのVisual Studioの使い方入門を読みましょう。
Visual Studio 2010はデフォルトでjQueryをサポートしています。 - NetBeans
JavaのIDEとして有名。PHPのセット内にJavaScript対応が含まれている。
Editing JavaScript – NetBeans IDE 6.x TutorialやJavaScript – NetBeans Wikiを参照。 - JSDT – Eclipsepedia
結構昔からあるEclipseのプラグイン。 - KompoZer – Easy web authoring
どっちかというとWebページ作成のHTMLエディタ。
WYSIWYGなHTMLエディタ。 - Adobe Dreamweaver
AdobeのWebページ作成ツールなのであんまりJavaScript向けとは言えないけど、Webページエディタとしてはかなり優秀だと思います。
CS5ではJavaScriptのコード補完やその場でプレビューして実行もできます。(ちょっと補完は中途半端)
ちなみにDreamweaver CS5で使われてるレンダリングエンジンはWebkitです。
CSSのインスペクタなど表示確認としての機能はかなり優れているので、Webページの一部としてJavaScript書くならありな選択肢だと思います。
参考 【レビュー】「Adobe Dreamweaver CS5」新機能徹底レビュー(中編) | クリエイティブ | マイコミジャーナル
またDreamweaverはAdobe製品なのでJavaScriptを使って拡張することができます。(ちょっと語弊あるけど)
APIのリファレンスはAdobe Dreamweaver * Adobe Dreamweaver CS4 API リファレンスに書いてあります。またDreamweaver DOMというものが存在し深いとこまでカスタマイズできそうな感じがします。
Dreamweaverの拡張機能まとめ | Archを読むとどんな拡張があるかが分かると思います。 - Eclipse HTML Editor Plugin
名前の通りEclipse系のプラグイン。
作者が日本人で、最近のバージョンではJavaScript機能の強化がいろいろ入ってきています。
AmaterasIDE_2_0_7 – Amateras Wikiや作者のブログを読みましょう。
手軽に試すなら、AmaterasIDEInstallerをインストールして、Eclipse HTML Editorを最新のものに置き換えればいいと思います。 - CodeLobster
エビ。PHPメインでプラグインでjQueryとかの対応があるのでオマケ程度
全部試したわけではないですが、個人的にはAptanaやDreamweaverなど有名な所のできは悪くないです。
Aptanaは無料で使えて機能も充実してるので、重くなければもっと使われてる気がします。(JavaScriptだけなら通常のエディタでも十分通用するので好みによりますが)
IDE全般としては、クロスプラットフォームに対応しているのが殆どだったりします。
エディタとIDE、どちらが優れているとかではなくどっちも優れている部分を持っているので使い分けるのが良いと思います。
いろいろ巡った感想としてjQueryをサポートしてますって書いてるものが多いなーと思った。
IxEditとか見てると、JavaScript言語とは別にjQuery言語があるって思われる日がやってきそう。
元ネタ
Good JavaScript IDE with jQuery support – Stack Overflow : http://stackoverflow.com/questions/209126/good-javascript-ide-with-jquery-support
Open Komodo
お知らせ欄
JavaScript Primerの書籍版がAmazonで購入できます。
JavaScriptに関する最新情報は週一でJSer.infoを更新しています。
GitHub Sponsorsでの支援を募集しています。