Web制作に使えるエディタ比較 Atom、Sublime Text、Brackets、Coda

Web制作に使えるエディタ一覧

Atom(アトム)

Screenshot of atom.io

Atom

高機能な無料エディタ

GitHub社が提供しているエディタ「Atom(アトム)」。

プログラマーにも人気の高いエディターです。

「パッケージ」を呼ばれる拡張機能を追加して便利に使えます。

  • 価格:無料(オープンソース)
  • 対応OS:Windows、Mac、Linux

参考:Atom入門

Sublime Text(サブライム テキスト)

Screenshot of www.sublimetext.com

Sublime Text – A sophisticated text editor for code, markup and prose

恋に落ちるエディタ

オーストラリアのJon Skinnerによって開発されたエディタ「Sublime Text(サブライム テキスト)」。

「パッケージ」を呼ばれる拡張機能(プラグイン)を追加して便利に使えます。

Pythonのプログラマーに人気です。

  • 対応OS:Windows、Mac、Linux

Adobe Brackets(アドビ ブラケッツ)

Screenshot of brackets.io

Brackets – A modern, open source code editor that understands web design.

HTML、CSS、JavaScriptのコーディングに

アドビ システムズが提供しているエディター「Adobe Brackets(アドビ ブラケッツ)」。

動画が軽くサクサク動きます。

HTML、CSS、JavaScriptのコーディングにおすすめのエディターです。

  • 価格:無料(オープンソース)
  • Node.js が同梱されているため、簡易 web サーバーを簡単に立ち上げることができる
  • psdデータの読み込みができる
  • ライブプレビュー機能で、ファイルの編集結果を即座にWeb ブラウザで確認できる

詳細:Adobe Bracketsのインストール方法

Coda(コーダ)

Screenshot of panic.com

Coda

Panic社製のエディターです。