Adobe(アドビ)が提供しているテキスト・エディター、Adobe Brackets(ブラケッツ)を紹介します。
Adobe Bracketsとは?
Adobe Bracketsとは、Adobe(アドビ)が提供しているテキスト・エディターです。
主要なターゲット言語は、HTML、CSS、JavaScriptで、静的なWebサイト制作向けです。
動作環境:Mac、Windows
Adobe Bracketsの特徴
- psdのデザインカンプをアップロードすることができる
- Node.js が同梱されているため、簡易 web サーバーを簡単に立ち上げることができる
- psdデータの読み込みができる
- デフォルトで日本語表示
- デフォルト機能でコードを折りたためる
- 開始タグと終了タグをハイライト表示
- ライブプレビュー機能で、ファイルの編集結果を即座にWeb ブラウザで確認できる(Bracketsのライブプレビュー機能の使い方)
- CSSのクイック編集
- 色のクイック編集
- ホバービュー
- 拡張機能を追加できる
- 豊富なテーマ(Adobe Brackets(ブラケッツ)のテーマの追加インストールと変更方法)
Adobe Bracketsのインストール方法
Macを例にAdobe Bracketsのインストール方法を解説します。
Bracketsにアクセスし、「Download Brackets x.x」をクリックします。
ローカルPCにダウンロードできたら、ダブルクリックしてファイルを展開します。
ファイル名:Brackets.Release.1.10.dmg
開くのを待ちます。
↓以下のウィンドウが開いたら、左側の「Adobe Brackets」を右側の「アプリケーションフォルダ」へドラッグ&ドロップします。
以上で、Adobe Bracketsのインストールは完了です。