2013/12/10

Webクリエイター御用達!開発環境とエディタ まとめ

Webクリエイター御用達!開発環境とエディタ まとめ

Webサイトをコーディングする際に使用する,統合開発環境やテキストエディタなどを紹介します.
どれも便利なものなので,コーディングの効率アップが図れます.どれを使おうか迷ってるなら,参考にしてみてください.

目次

統合開発環境

Dreamweaver CC

Dreamweaver CC

Adobeが提供する統合開発環境です.
使用するには有償になりますが,複数のマシンで同一環境を構築できるほか,ビジュアル編集ツールでのCSS生成,Chromeエンジンでのライブビュー,グリッドレイアウト対応など様々な機能が備わっています.

製品サイト

Aptana Studio 3

Aptana Studio 3

オープンソースの統合開発環境です.
HTML,CSS,JavaScriptのコードアシスト,JavaScriptデバッガ,Gitでのバージョン管理などの機能を提供しています.

製品サイト

NetBeans IDE

NetBeans IDE

オープンソースの統合開発環境です.JavaやCなどの開発をサポートするほか,Web開発に必要なHTMLやCSS,JavaScript,PHPなどのコーディングをサポートします.

ライブプレビューやレスポンシブデザイン対応,jQueryを含むJavaScriptやCSSのサポートを強力に行ってくれます.

製品サイト

eclipse

eclipse

Java開発で有名なeclipseですが,Web開発ツール機能をサポートしており,HTML,CSS,JavaScriptなどのコーディングに対応しています.

コードアシスト機能,サーバでの実行など,他の開発環境と遜色ない機能を有しています.

製品サイト

FlashDevelop

FlashDevelop

FlashDevlopは,高速かつ軽量の割に,対応する言語の豊富さが魅力な統合開発環境です.コード補完や,テンプレートやスニペットにも対応しており,高いカスタマイズ性もあります.

製品サイト

エディタ

TeraPad

TeraPad

シンプルなテキストエディタですが,様々な拡張子に対応しているので,軽く内容を確認したい場合などに重宝しています.

行番号やルーラ,画面分割やTAB文字のマーク表示などカスタマイズ対応しているので,自分にあった使い方が出来ます.

製品サイト

サクラエディタ

サクラエディタ

MS Windows上で動作する日本語テキストエディタです.TeraPad同様に様々な拡張子に対応しているので,簡単なテキストを入力したい場合や,ちょっとした修正を行う場合に重宝します.

カスタマイズが豊富にでき,入力補完を行えるので,これだけでも開発が行えるほどです.

製品サイト

まとめ

今回ご紹介したのはほんの一部で,他にも開発ツールは多種多様なものがあります.これを機に色々と使ってみてください.自分に合った開発環境を使ってコーディングの効率化を図りたいですね.