JavaScriptのエディタ/IDEまとめ
JavaScriptのエディタ、IDE、開発などをまとめます。なお、検索ワードが少しかぶるため、間違って来てしまった方のためにページ一番最後に簡単にですが、「JavaScriptで作られたエディタ」も簡単にまとめておきます。
更新日: 2013年07月05日
22
お気に入り
68060
view
お気に入り追加
このまとめではJavaScriptの開発をする際に使えるエディタ、IDE、開発環境などをまとめていきます。
分類としてはIDEとエディタに分けた他、参考程度にブラウザ上で実行可能な開発環境も少しだけおいてあります。
なお、検索ワードが少しかぶるため、間違って来てしまった方のために、ページ一番最後に「JavaScriptで作られたエディタ」も簡単にまとめておきます。
IDE
The most intelligent JavaScript IDE: JavaScript + CSS + HTML Editor with refactorings, code completion and on-the-fly code analysis
JavaScriptのIDEとしては最強の呼び声高いのがこのWebStorm。とにかく入力補完が強力。
有料だが、申請すればオープンソース系プロダクトの開発者の場合無料で利用することも可能。
Welcome to NetBeans
JavaやRubyのIDEとして有名な無料のIDEであるNetBeansだが、JavaScriptの開発環境としてもなかなか侮れない。
JavaScript導入のための記事も大変参考になる。 https://netbeans.org/kb/docs/ide/javascript-editor_ja.html
JSDocのサポートなどもしっかりされており、エンタープライズでの導入に向いている。
search PRODUCTS SUPPORT NEWS CONTRIBUTE Aptana Aptana Studio 3 The world’s most powerful open-source web development IDE just got better. Rebuilt from the ground-up. It's now much faster, customizabl…
フリーのIDEとしてはずいぶん歴史を積み重ねた感のあるAptana。Eclipseプラグイン形式でも導入可能で多機能。
PHP開発における定番IDEでもあるので、PHP＋JavaScript環境の際、クライアント・サーバ両方の開発を一つのIDEで行う場合にはお勧め出来る。
最新バージョンの統合開発環境 (開発ツール) Visual Studio 2012 はアプリケーション開発の生産性向上と品質向上を実現します。
統合開発環境の定番Visual Studio。搭載されているJavaScriptエディタの機能が強力で、コード補完もきくため十分に開発の助けになる。
利用用途が限られるものの、Express Editionを使えば無料で利用することも可能。
エディタ
Komodo Edit is a free and open source editor for dynamic languages based on the award-winning Komodo IDE.
構文チェックやコマンド補完も出せる強力なエディタ。
これでも不足なら有料のKomodo IDEに切り替えることも出来、Komodo IDEの試用として使うのもよい。
軽快な方だが、さすがに純粋なエディタよりは速度に劣る。
Sakura Editor is a free Japanese editor for MS-Windows
秀丸エディタなどと並ぶ定番エディタであるサクラエディタ。特にJavaScript向けの有益な機能はないがその分高速であり、WindowsのJavaScript開発環境としては根強い人気がある。
Windows 8、Windows 7、Windows Vista、Windows XP などに対応、Unicode、巨大ファイル、CSV ファイルに対応 Windows (64ビット版を含む) 用テキストエディター EmEditor を公開。
有料のエディタだが、フリー版でも十分な機能を持つ。2013年6月にはフリー版もアップデートされた。
サクラエディタと同じくJavaScript向けの特別な機能は特にないが、有料エディタをベースにしているため多言語の対応もしっかりしており使いやすい。
vim-jp » Vimのユーザと開発者を結ぶコミュニティサイト NEWS: vimrc読書会 毎週開催中！ vim-jp はテキストエディタ Vim と日本・日本語に関わるあらゆるリソースを集約することを目的としたコミュニティです。 Vim と vim-jp についての詳細は コチラ をご覧ください。 ブログ 2013/06/15 » Vim チャリティー ビットコインでの寄付について …
ハッカー御用達の定番開発者向けエディタ。フリー。コマンドが大量にあるため、使いこなしている様子はまさに魔法使いのよう。奥が深いため、Vimのカスタマイズに熱中するあまりJavaScriptの開発がおざなりにならないよう気をつけよう。
JavaScript用のカスタマイズは、こちらのページが参考になる。 JavaScript書くときに便利なVimプラギン集 http://layzie.hatenablog.com/entry/20130122/1358811539
Brackets Home Downloads Team Blog Contribute Code the Web. Brackets is an open source code editor for the web. It's built with JavaScript, HTML and CSS by web developers like you. SORRY! The current …
Adobeが出しているHTML、CSS、JavaScript向けのフリーエディタ。コード補完やシンタックスエラーのチェックなども可能で高機能。やはり少し遅いので、高機能エディタならIDEを使うかBracketsを使うかは悩みどころ。
エディタはいろいろあるが、JavaScriptなどのスクリプト系は軽快な動作を好む傾向がある。他にも以下のものなどがお勧め。
Sublime Text
http://www.sublimetext.com
近年非常に高い評価を受けているエディタ。フリーで使えるが、継続して使うためには必ず課金が必要。とにかく軽快。特にMac版はフォントも綺麗で使いやすい。
秀丸エディタ
http://hide.maruo.co.jp/software/hidemaru.html
少し古いが、特に巨大ファイルを扱わせると、他エディタと比較して優秀さがよくわかるエディタ。シェアウェア。
xyzzy
http://www.jsdlab.co.jp/~kamei/
フリー。これも少し古いが、Windowsで動作可能なemacsクローンっぽいエディタ。
Notepad++
http://notepad-plus-plus.org
フリー。海外では大変人気があるが、日本語の扱いには少し難がある。
Web IDE
JavaScriptの開発環境といえば、最近少しずつ出ているブラウザ上での開発環境も捨てがたいので、この項目で多少取り上げます。
複数人での開発を前提にしている場合などでは、ブラウザで動作するIDEはそのままクラウドな開発環境構築につながるため、検討の余地があるでしょう。
Cloud9 IDE - Online IDE Give us a shout out: Share on twitter Share on Google Share on facebook Share on email Sign up Sign out --> Reset password To reset your password, type the full email address …
オンライン専用。node.jsなどがすぐに開発出来て、herokuやWindows Azureなどにもつなぎ込みやすい。
JavaScriptだけでなく、RubyやPHPも開発可能。Web上での開発をためすなら、ここから入るといいかもしれない。
Open Source Platform For Cloud Based Development About Get Started Contact Sign In Test Link Tools for the web, on the web All you need is a modern web browser, from there you can write code using a …
Eclipseの名を関するブラウザIDE。node.jsにも対応したので、比較的環境構築がしやすいが、oironhubを使ってもいい。https://orionhub.org/
Codiad - Web Based, Cloud IDE
PHPを置くだけですぐに開発可能なブラウザIDE。自社サーバにホスティングするブラウザIDEの入門用としては最適。
MOONGIFTのレビューも参考になる。http://www.moongift.jp/2013/05/20130525/
JavaScriptで作られたエディタ
間違って来てしまった方の内、いわゆるWYSISYG系を求めている方には以下のページが参考になります。
ユーザーが簡単にHTMLを入力できるWYSIWYGエディタ ベスト3
http://engineer.blog.lancers.jp/2010/11/wisiwyg_best_3/
TinyMCEとCKEditorが定番中の定番です。
ここでも情報が足らない、あるいはより新しい情報を欲している方は、MOONGIFTさんの記事から探されるのがいいでしょう。
http://www.moongift.jp/tag/wysiwyg
JavaScriptのプレーンなテキストエディタを求めている方には、こちらがお勧め出来ます。
Ace
http://ace.ajax.org
Aceは最近一番ホットなJavaScript製テキストエディタです。軽快な動作、巨大なファイルの編集も可能で、組み込みも簡単です。
node.jsでもいい場合、Scriptedも期待出来るパッケージです。
https://github.com/scripted-editor/scripted
こちらはEclipse Orionをベースにしたエディタです。
1
関連まとめ
-
【jQuery】かっこいいスライドショーまとめ
|642868 view
-
Javascriptで初心者が陥りがちな原因の分かりにくいエラーまとめ
|102003 view
-
3DSブラウザで遊べるゲームまとめ （3DS Browser JavaScript Games）
|259723 view
PRまとめ
-
ツバも飲めない…のどの腫れ「扁桃炎」の症状が辛すぎる
|89934 view
カテゴリ一覧
-
総合
旬のまとめをチェック
-
ガールズ
ファッション，美容，コスメ，恋愛
-
ニュース･ゴシップ
事件，ゴシップ，スポーツ，海外ニュース
-
エンタメ･カルチャー
映画，音楽，本，マンガ，アニメ
-
おでかけ･グルメ
旅行，アウトドア，デート，カフェ，ランチ
-
暮らし･アイデア
インテリア，ライフハック，家事，節約
-
レシピ
おかず，お弁当，おつまみ，簡単レシピ
-
カラダ
エクササイズ，ダイエット，肩こり，健康
-
ビジネススキル
キャリア，転職，プレゼン，英語
-
IT･ガジェット
Webサービス，スマートフォン，アプリ
-
デザイン･アート
クリエイティブ，写真，イラスト，建築
-
雑学
トリビア，不思議，名言，逸話
-
おもしろ
ユーモア，ネタ，癒し，動物，びっくり
-
定番
過去の人気まとめをチェック
お気に入り追加
22