ライブプレビュー機能を備えた HTML・CSS・JavaScript エディタ
ブラウザでのライブプレビューやクイック編集、オートコンプリートなどの機能を備えたシンプルな HTML・CSS・JavaScript エディタ。拡張機能やテーマを追加してより使いやすいエディタにすることができます。
Brackets の概要
Brackets は、Web デザイナーやフロントエンド開発者向けに設計されたオープンソースの HTML・CSS・JavaScript エディタです。シンプルなユーザーインターフェースが特徴で、プロジェクト（HTML や CSS ファイルが入ったフォルダ）または単体の HTML や CSS・JSON ファイルを編集・作成するのに適しています。
Brackets の機能
Brackets の主な機能です。
| 強調表示 | 構文を強調表示 |
| 分割ビュー | エディタを上下または左右に 2 分割 |
| クイック編集 | 選択した id や class、色、関数をその場でインラインエディタで編集 |
| ライブプレビュー | ブラウザと同期して編集内容をリアルタイムで表示 |
| 拡張機能 | 編集に役立つ拡張機能やテーマを追加 |
ライブプレビューでリアルタイムで確認
「ライブプレビュー」機能を使うと、実際のブラウザでの表示内容を確認しながら HTML や CSS を編集することができます。変更内容はリアルタイムで同期されるので、ブラウザを再読み込みする必要なく編集作業を行えます。
ライブプレビューを使うには Chrome ブラウザのインストールが必要です（既に Chrome を使用している場合は必要はありません）。
すばやく CSS や JavaScript を編集できるクイック編集機能
「クイック編集」は、class や id の属性がある HTML を選択したり、関数や色のコードを選択して、ほかの場所に移動することなくインラインのエディタで CSS や JavaScript を編集できる機能です（Ctrl+E キーで動作します）。
CSS の場合はクラスや ID に該当するセレクタが表示され、色コードを選択した場合はカラーピッカーが表示されます。
初心者からベテランまで使いやすいコードエディタ
Brackets は HTML・CSS・JavaScript を使用する開発者にとってとても使いやすいコードエディターです。
機能
- HTML・CSS・JavaScript の編集
- 分割ビュー（上下または左右）
- ブラウザでライブプレビューを表示
- id / class・色・関数をインラインエディタでクイック編集
- 拡張機能の追加
- 開発者ツール
仕様
ダウンロード
画像
エディタ画面（デフォルト）
エディタ画面を左右（または上下）に分割
クイック編集（インラインエディタ）
ブラウザでライブプレビューを表示
使い方
使い方は次のページです。
コメント