Hatena Blog Tags

Brackets

(コンピュータ)
ぶらけっつ

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

主な特長

インラインエディター

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

ライブプレビュー機能

インストールしてあるGoogle ChromeでコーディングしているHTMLをリアルタイムでレンダリングできる。これによりサーバーへのテストアップをせずにレイアウトや挙動を検証できるようになっている。
デフォルト設定ではエディターでカーソルを置いてある所が自動的にハイライトするようになっていて直感的に現在地を掴めるようになっている。
なおChromeでDeveloper Toolsを起動したりするとライブプレビュー機能が閉じてしまうので、突っ込んだデバッグをするときはBrowsersyncの併用が便利だろう。

拡張機能

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

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

  • Bash
  • C
  • C#
  • C++
  • Clojure
  • CoffeeScript
  • CSS
  • Dart
  • Diff
  • EJS
  • Embedded Ruby
  • Groovy
  • Haskell
  • Haxe
  • HTML
  • Java
  • JavaScript
  • JSON
  • LESS
  • Lua
  • Markdown
  • Markdown(GitHub)
  • Perl
  • PHP
  • Properties
  • Python
  • Ruby
  • SASS
  • Scala
  • SCSS
  • SQL
  • Stylus
  • SVG
  • Text
  • VB
  • VBScript
  • XML
  • YAML
このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

ネットで話題

もっと見る

関連ブログ