Brackets は、無料でオープンソース、かつクロスプラットフォーム対応の HTML/CSS/JavaScript フロントエンド Web 統合開発環境 (IDE ツール) です。このプロジェクトは Adobe によって作成・保守されており、MIT ライセンスのもとで公開されています。Windows、Linux、OS X プラットフォームをサポートしています。

Brackets の特徴は、シンプルでエレガント、そして高速であることです。多くのビューやパネルはなく、派手な機能もそれほど多くありません。その主な目的は、開発中に発生する非効率的な反復作業を減らすことです。たとえば、ブラウザーの更新、要素のスタイル変更、検索機能などです。Sublime などの汎用コードエディターとは異なり、Brackets は Web フロントエンド開発のために生まれた専用ツールです。

デモ画像

ショートカットキー

• Ctrl/Cmd+Shift+H でファイルツリーを表示・非表示にできます
• Ctrl/Cmd + E で CSS スタイル/JavaScript 関数をすばやくプレビュー/編集できます
• Ctrl/Cmd + +/- で編集エリアのフォントサイズを拡大・縮小できます
• Ctrl/Cmd + 0 で編集エリアのフォントサイズをリセットできます
• Ctrl/Cmd + Alt + P でライブプレビュー機能を開きます
• Ctrl/Cmd + / 行コメント
• Ctrl/Cmd + Alt + / ブロックコメント

注意

CSS コードや HTML コードのコメントには、ブロックコメントのショートカットキーのみ使用できます

ダウンロード先

https://github.com/adobe/brackets/releases/

総じて、Brackets というプロジェクトはまだ非常に新しく、大きな可能性を秘めています。現在、Web フロントエンド開発の需要は非常に旺盛ですが、本当に使いやすく強力な無料ツールはそれほど多くありません。Brackets はオープンソースで、マルチプラットフォームにも対応しているため、試して学ぶ価値が十分にあります。この開発ツールが皆さんのお役に立てれば幸いです。