プログラマーにとってテキストエディタは道具箱であり、それぞれの機能は異なる道具である。メモ帳などの簡単なエディタでコードを書くのは、金づちで家を建てるようなものです。

JavaScriptは最初から分かりにくい言語なので、得られる限りのヘルプが必要なのです。適切で設備の整ったテキストエディタは、コードをより速く書き、よりきれいなコードを書き、バグを早期に発見するのに役立ちますが、最も重要なことは、プログラミングを楽しくすることです。

今、JavaScriptを書く上で検討に値するエディターは5人しかいません。しかし、これらの要件を満たすものはありません。

1 ネットストーム

Windows、Mac、Linuxで利用可能です。

WebStormは、このリストの中で唯一の本格的なIDEで、残りは高度なテキストエディタです。これは2つのことを意味します。1つは、その最高の機能がすべてビルトインで公式に提供されていること、もう1つは、コーディング環境全体がまとまりを持っていることです。他のエディターは、サードパーティーのプラグインを寄せ集めたものになりがちです。

WebStormは、他では見られない多くの機能を備えた総合的なアプリケーションです。

• JavaScriptの最適なオートコンプリート。
• Angular、React、Meteorなどのフレームワークを使用した優れたコーディング支援。
• 書きかけのコードの問題を発見するための何百ものチェック機能
• クライアントサイドおよびサーバーサイドのコードに対応した完全なデバッガです。
• 複数のファイルを横断するための高度なナビゲーションショートカット。
• ユニットテストのためのKarma、Mocha、Jest、Protractorとの統合
• GruntやGulpなどのビルドツールの設定用インターフェイスです。

簡単に言えば、WebStormは、多くのワークフローツールを使って大規模なプロジェクトに取り組むJavaScriptのプロフェッショナルのために設計されています。あちこちの緩いスクリプトを編集したいだけなら、それは行き過ぎです。もしあなたが懐疑的なら、WebStormは、IntelliJ（Java）やPyCharm（Python）など他の有名なIDを開発しているJetBrainsのチームによって開発されていることに注意してください。

残念ながら、WebStormは無料ではなく、月額プランまたは年間プランに加入する必要があります。良いニュースは、サブスクリプション価格が下がれば下がるほど、プランを有効にしておく期間が長くなることです。

ダウンロード - WebStorm ($13/30 days ****)

2ビジュアルスタジオコード

Windows、Mac、Linuxで利用可能です。

visualstudio code は visualstudio とは異なります。visualstudio は肥大化した IDE で、visualstudio code はカスタマイズ可能なテキストエディタで、サードパーティの拡張ライブラリのおかげで、必要なだけシンプルにも高度にもすることができます。

VisualStudio Codeは2015年に初めてリリースされ、その後、大きく進化しました。他のテキストエディタを凌駕する数々の機能を内蔵しています。

• 変数、関数、モジュールなどに基づくコンテキストオートコンプリート。
• ブレークポイント、コールスタック、対話型コンソールを備えた信頼性の高いデバッガです。
• 生産性を向上させるいくつかのヒントと機能により、開発のスピードアップを図ることができます。
• 再利用頻度の高いコードパターンをテンプレート化するための、ユーザー定義可能なコードセグメントです。
• Gitソースコード管理とのネイティブな統合。
• 高速でレスポンスの良い、テーマ性の高いインターフェイス。

しかし、visualstudioのコードの一番の魅力は、オープンソースであることでしょう。実は、GitHubでホストされているので、今ならソースコードを閲覧することができますよ。GitHubで最も活発なプロジェクトの1つであるこのエディタは、アップグレードする以外に選択肢はないでしょう。

ダウンロード - Visual Studio コード（無料）

III.崇高なテキスト

Windows、Mac、Linuxで利用可能です。

2008年にサブライムテキストが登場したとき、誰もが狂喜乱舞した。Googleを退職したソフトウェアエンジニアが、究極のテキストエディタを作るために掲げた3つのシンプルな原則は、「インターフェースはできるだけ雑然とさせない」「テキストにフォーカスする」「画面の属性をすべて使用する」。現在でも、そのすべてが当てはまる。

この崇高なテキストには、その価値を証明するいくつかの特筆すべき特徴があります。

• テキストエディタの中で最も高速で応答性の高いパフォーマンス。
• タブグループと複数の分割ペイン編集
• プロジェクトベースの文書整理・編集
• マウスを使わず、コマンドを入力するためのコマンドパレット。
• マルチカーソルやプロジェクト全体の検索など、ワークフローの生産性を高める機能。
• サードパーティ製拡張機能の豊富なレポジトリ

Sublime Textは、現代のテキストエディタの素晴らしさをそのまま伝える多くの機能のパイオニアです。しかし、残念ながら時は流れ、競合他社が追いついてきた。これらの競合製品の多くは完全に無料であるため、Sublime Textの高価格とクローズドソースコードを正当化することは困難です。

ダウンロード - Sublime Texts ($70, 無制限 ****)

4 アトミック編集部

Windows、Mac、Linuxで利用可能です。

2014年にAtom Editorがリリースされたとき、多くの人が「サブライムテキスト**」と呼びました。しかし、多くのファンがいたにもかかわらず、アトムは崇高なテキストを超えることはなかった。Visualstudioのコードがみんなの目に留まった今、Atomはそのピークを迎えているのかもしれません。

原子が悪いというわけではなく、原子の特性の中には非常に適したものがあるのです。

• プラグインを利用した柔軟なオートコンプリートが可能です。
• テーマ、パッケージ、設定を管理するためのスマートなインターフェイス。
• タブグループと複数の分割ペイン編集
• ファジーファインダーなどの生産性向上ワークフロー機能。
• HTML、CSS、JSを使用したカスタマイズ性の高いインターフェース。

アトムは、この貧乏人の崇高な作品として見てきたんだ。Sublime Textの機能の一部を再現するために作られたプラグインもあります。テキストエディタは早く光らせるのが好きです。

でも、フリーでオープンソースなんだから、そんなことで文句を言うのはバカバカしいと思うんです。もしあなたが何らかの理由でvisualstudioのコードに耐えられず、sublime textの独占的な性質が好きでないなら、Atomは完璧な妥協点である。

ダウンロード - Atom Editor（無料）

5 ブラケット

Windows、Mac、Linuxで利用可能です。

Bracketは、2014年にAtomと同時期に発売されたAdobeのテキストエディターです。しかし、残念ながら、なかなか普及しなかった。ほとんどのユーザーはSublime textに満足していましたし、まだAtomにコミットしていないユーザーにとっては、ブラケット機能はどのグループも乗り換えを促すほどではありませんでした。

しかし、ここ数年、角カッコは小さいながらも熱狂的なファンを集めている。主にウェブ開発者を対象とした、以下のような素晴らしい機能を提供します。

• ブラウザとのライブ接続によるウェブコードのライブプレビュー。
• ファイル間を移動することなく、コードブロックを閲覧できるインラインエディタ。
• PSDから抽出機能を詳細に抽出し、CSSに変換することが可能です。
• タブグループ、分割ペイン編集
• サードパーティーのプラグインによるカスタマイズや拡張が可能です。

ブラケットに関する私の最大の不満はパフォーマンスです。このリストの中で最も遅く、最も不便なエディタです。それは私にとっては破格のことですが、あなたにとってはそうではないかもしれません。角括弧の性能に満足しているユーザーも多いので、一度試してみてください。もしかしたら、それほど気にならないかもしれません。さらに、ブラケットは完全にオープンソースです

ダウンロード - ブラケット（無料）

その他のコーディングのヒントもご覧ください。

もしあなたがJavaScriptに慣れていなくて、圧倒されそうなら、JavaScriptは難しい言語だということだけは知っておいてください。苦労しているからと言って、プログラマーに向いてないとは限らない。上記のテキストエディタのいずれかを使用することで、JavaScriptをより簡単に扱うことができます。

その他にも、新しい言語をマスターするためのヒントや、コーディングを早く習得するためのプロジェクトのアイデアなども提案しています。JavaScriptの無料リソースやUdemyのトップJavaScriptコースもお見逃しなく。

JavaScriptは要求の多い言語なので、粘り強く取り組んでください。JavaScriptプログラマーにはいくつかのキャリアオプションがあり、Web開発は増加傾向にあります。もしあなたがまだ高校生なら、これらの一流のプログラミングアカデミーの一つを検討するのもいいかもしれません。

お気に入りのJavaScriptコーディング用テキストエディターを教えてください。もし、私たちが紹介していないものがお好きなら、どれがあなたのケースに入るか教えてください。下のコメント欄でシェアしてください。

画像引用元：Thongchai Kitiyanatawong via Shutterstock.com