brackets

編集

コンピュータ

Brackets

ぶらけっつ

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

主な特長

インラインエディター

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

ライブプレビュー機能

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

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

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

拡張機能

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

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

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

関連リンク・検索・共有

Bracketsのリンク

Bracketsの関連リンク・検索・共有

50

リンク可リンク不要

リンクスコアとは、はてなブログ・はてなダイアリーの記事からはてなキーワードへの自動リンクをするかしないかを判定するための指標です。一定期間ブログもしくはダイアリーをご利用いただくと、当スコアのモデレーション権限が付与されます。詳細はリンクスコアをご覧ください。

ブログに書く

編集者

wind_sky86