スマートフォン用の表示で見る

brackets

コンピュータ

Brackets

ぶらけっつ

Adobeが主導してオープンソースで開発しているエディター。「push web development editors to the next level」というスローガンにもあるとおり、ウェブ開発に特化したエディターである。

主な特長

インラインエディタ

CSSを編集するために別ウィンドウを開く必要なく、インラインでスタイルを編集できる。膨大なCSSを都度見に行く必要がないのでスタイル編集の高速化が図れる。

ライブプレビュー機能

インストールしてあるGoogle ChromeコーディングしているHTMLをリアルタイムでレンダリングできる。これによりサーバーへのテストアップをせずにレイアウトや挙動を検証できるようになっている。

デフォルト設定ではエディターでカーソルを置いてある所が自動的にハイライトするようになっていて直感的に現在地を掴めるようになっている。

なおChromeでDeveloper Toolsを起動したりするとライブプレビュー機能が閉じてしまうので、突っ込んだデバッグをするときはBrowsersyncの併用が便利だろう。

拡張機能

Sublime TextやAtomと同じように拡張機能で機能を増やすことができる。トレンド公式ブログで確認できる。

デフォルトでサポートする言語等

目次
  • Bracketsとは
    • 主な特長
      • インラインエディター
      • ライブプレビュー機能
      • 拡張機能
    • デフォルトでサポートする言語等