Brackets

ソフト詳細説明

HTML/CSS/JavaScriptの記述に特化し、Web開発に便利なオープンソースのコードエディタ。HTML/CSS/JavaScriptに対応したコードヒントやコード補完機能、シンタックスハイライト(構文色分け)機能などを備え、日本語にも対応しています。シンタックスハイライト機能は、C、PHP、Rubyなど多くのプログラミング言語に対応し、プログラミング用エディタとしても利用できます。

Web開発に便利なユニークな機能が用意されています。編集中のHTMLとCSSの記述を解釈し、ブラウザで表示したときの状態をリアルタイムにプレビューするライブプレビュー機能や、「Photoshop」などで作成されたPSDファイルから、レイヤの位置やサイズ、色などの情報を抽出してCSSコードを出力するExtract機能を備えています。

HTMLタグ上で別のファイルに記述されたCSS/JavaScriptを呼び出し、その場でインライン編集できるクイック編集機能も用意されています。クイック編集機能では、HTMLタグ直下に開くクイック編集ウィンドウでスタイルなどを変更できるほか、カラーコード部分で色を変更することも可能です。

編集作業を支援する機能も豊富です。コードの折りたたみ機能により、行番号横のボタンやショートカットキーを利用し、コードブロックを瞬時に縮小したり、展開したりできます。さらに、同じドキュメントが分割した二つのペインに表示される分割ビューでは、ほかの記述を参照しながら編集を行うことが可能。不要なインタフェースを非表示にして作業領域を広くとる最小表示モードや、マウスポインタで画像ファイル名をポイントすると、当該画像がポップアップ表示するホバービュー機能も備えています。

そのほか、「Brackets」の機能を拡張するプラグイン(400種類以上)を導入するための拡張機能マネージャや、インタフェースのデザインを変更するテーマ(約200種類)も用意されています。

動作環境