括弧（テキストエディタ）

括弧

開発者	アドビ
初回リリース	2014年11月4日; 10年前[1] ( 2014-11-04 )
安定版リリース	2.2.1 [2]  / 2023年3月22日; 20か月前 （2023年3月22日）
プレビューリリース	2.1.0-プレリリース[3]  / 2022年5月9日
リポジトリ	github.com/brackets-cont/brackets
書かれた	JavaScript、HTML、CSS
オペレーティング·システム	macOS、Windows、Linux
サイズ	約75MB
利用可能	38言語[4]
タイプ	ソースコードエディタ
ライセンス	マサチューセッツ工科大学
Webサイト	ブラケット

Bracketsは、主にWeb開発に重点を置いたソースコードエディタです。^[5] Adob​​e Inc.によって作成された、MITライセンスの下でライセンスされた無料のオープンソースソフトウェアであり、現在はオープンソース開発者によってGitHubでメンテナンスされています。JavaScript 、HTML、CSSで書かれています。Bracketsはクロスプラットフォームで、macOS、Windows、ほとんどのLinuxディストリビューションで利用できます。Bracketsの主な目的は、 HTML、CSS、JavaScriptのライブ編集機能です。^[6]

2014年11月4日、AdobeはBracketsの最初の（1.0）リリースを発表しました。このアップデートでは、カスタムショートカットキーの組み合わせや、より正確なJavaScriptヒントなどの新機能が導入されました。Bracketsは、JavaScript対応、CSS、HTMLの開発に重点を置いています。バージョン1.0のリリースで、AdobeはCSSでのコーディングの利便性のためにPSDファイルからデザイン情報を抽出する機能を発表しました。 ^[7] 2016年6月28日現在、この機能は使用率が低いため正式に廃止されています。^[8]ただし、ExtractはPhotoshopとDreamweaver経由で引き続き利用可能で、どちらも有料サービスであるAdobe Creative Cloudの一部です。^[9] 2021年3月、Adobeは2021年9月1日にBracketsのサポートを終了すると発表しました。

Bracketsプロジェクトはその後、コミュニティが所有し、運営するプロジェクトへと移行されました。Bracketsの最新バージョンは2.2.1です。^[10]

Adobeは最初、 Edge CodeでWeb開発用のテキストエディタの開発を開始したが、2014年11月に開発が中止された。^[11]この取り組みは後にAdobe Bracketsに生まれ変わった。Brackets 1.0のリリースにより、AdobeはWeb開発用のオープンソースアプリケーションの開発準備が整っており、もはや実験的なプロジェクトではないことを発表しました。Bracketsには282人以上のコミュニティ貢献者による貢献が含まれており、バグ修正や新機能のリクエストが400件以上あります。Bracketsのすべてのバージョンは10万回以上ダウンロードされ、2015年1月16日時点でGitHubで16番目に人気のあるプロジェクトでした。 ^[12]

GitHubのBracketsリポジトリ（Bracketリポジトリ）には、2018年8月30日現在、152のブランチ、110のリリース、17,700のコミットがあります。ソースコードはMITライセンスの下で無料で入手できます。開発者はソフトウェアコードをフォークすることで、Bracketsの機能を変更したり、自分の都合に合わせてカスタマイズしたりできます。[ ^13]

Adobeは2021年9月1日にBracketsのサポートを正式に終了し、ユーザーにMicrosoftのVisual Studio Codeへの移行を推奨しました。^[14]最終的な公式リリースはバージョン1.14.2でしたが、コミュニティフォークにより新しいバージョンがリリースされ続けています。^{[15] [16]}コミュニティ継続フォークに加えて、Bracketsコミュニティ貢献者は2021年8月30日にPhoenixを発表しました。^[17] Phoenixはネイティブアプリケーションではなく、Webブラウザーを対象としたBracketsのフォークです。^[18]

Bracketsには次のような機能^[19]があります。

• クイック編集
• クイックドキュメント
• ライブプレビュー
• JSLint
• LESSサポート^[20]
• オープンソース^[21]
• 拡張性
• コードミラー
• RequireJS (モジュール)

クイック編集により、開発者は CSS、カラー プロパティ、JavaScript 要素をインライン編集できます。この組み込み機能は複数の関数またはプロパティに同時に適用でき、すべての更新は変更された要素に関連付けられたファイルに直接適用されます。

HTMLファイル

HTML 要素にクイック編集を適用すると、選択した要素の下のボックスに、対応するすべてのCSSプロパティが表示されます。ユーザーは、エディター内で直接新しいCSSルールを作成し、 HTMLファイルのコンテキストを離れることなく、タグのCSSプロパティをインラインで編集することを選択できます。

JavaScriptファイル

JavaScript関数では、クイック編集はHTML 要素の場合と同じ手順を実行しますが、ドロップダウン ボックス内に選択した関数の本体が表示されます。関数の本体に対するすべての更新は、対応するJavaScriptファイル内で直接伝播および更新されます。

16進数またはRGBカラープロパティを含むファイル

色のプロパティの場合、クイック編集では、プレビューと色調整機能のためのインライン カラー ピッカーが返されます。

CSS / HTML内のそれぞれのコード スニペットをクリックすると、Web ブラウザーにそのコード スニペットに関連する出力がすぐに表示されます。この機能はライブ プレビューと呼ばれ、開発者がコードを変更すると、コード編集が即座にブラウザーにプッシュされ、更新された Web ページが表示されます。Brackets には、開発者がコードを入力するとコードの動作を予測する Node.jsバックエンドが含まれています。

ライブプレビューの2つのシナリオ

バックエンドロジックなし

ライブ プレビューを使用すると、Brackets はBrackets 組み込みサーバーから静的コンテンツを提供することで、選択したHTMLファイルをGoogle Chromeで起動します。この手順では、 HTMLファイルの変更の表示をサポートするためのバックエンドロジックは必要ありません。

バックエンドロジック

バックエンド ロジックでは、Brackets はGoogle Chrome を別のサーバーで実行されている指定のプロジェクトURLに誘導しますが、HTML関連の機能のサポートは無効になります。その結果、ブラウザはHTML、PHPなどのファイルをリアルタイムで更新できなくなり、これらのファイルに対する要素のハイライトも無効になります。CSSファイルに関連する編集と要素のハイライトのみがリアルタイムで反映されます。代わりに、CSS 以外のファイルの更新はすべて自動的に再読み込みされます。これらの制限が存在するのは、HTMLファイルのライブ編集機能を提供するには、コードがブラウザに読み込まれる前にHTMLコードに注釈を挿入する必要があるためです。これらの挿入は通常、Brackets の組み込みサーバーによって処理されますが、プロジェクトが別の個人用サーバーを使用する場合は存在しません。

1. HTMLとCSS のリアルタイム更新 (リロードなし)
2. 要素の強調表示: HTMLおよびCSSファイルで選択された要素がブラウザ内で強調表示されます。

• 現在、ターゲットブラウザーとしてデスクトップ版Google Chrome (オープンソースのChromiumではない)でのみ動作します。
• Google Chromeで開発者ツールを開くと、すべてのライブ開発接続が閉じられます。
• 表示するすべてのファイルは、Brackets で現在開いているフォルダー内にある必要があります。
• 一度にプレビューできるHTML ファイルは1 つだけです。
• 構文的に 無効な HTMLが検出されると、リアルタイム更新は一時停止されます。構文が修正されると、 Brackets はブラウザへの変更のプッシュを再開します。

この機能は、メイン ビューを 2 つの部分に分割します。ユーザーは、自分の都合に合わせてビューを垂直または水平に分割できるため、2 つのファイルを同時に操作できます。開発者は、2 つの異なる種類の 2 つのファイル、同じ種類の 2 つのファイル、または同じファイルの 2 つの異なる部分を同時に操作できます。ライブ プレビューやクイック編集などの機能は、両方のビューで動作します。

Brackets は、C++、C、VBScriptからJava、JavaScript、HTML、Python、Perl、Rubyまで、複数のファイルタイプのコードをサポートしています。完全なリストには 38 を超えるファイルタイプが含まれています。これにより、ユーザーはプロジェクトのさまざまなファイルを同時に操作できる柔軟性が得られます。

Brackets は「PSD レンズ」と呼ばれる機能をサポートしています。この機能は、 Photoshop を開いて確認することなく、 PSD ファイルから各画像、ロゴ、デザイン スタイルをスムーズに抽出するのに役立ちます。この機能をプレビューと呼ぶことで、 Adobe はこの機能が完成するまでに多くの作業が必要であることを伝えています。この機能は開発者から好意的な評価を得ましたが、機能リリースの初期段階では多くの問題が報告されました。この問題は後に拡張機能を使用して解決されました。

Bracketsには、開発者がブレークポイントを設定したり、コードをステップ実行したり、変数の値をリアルタイムで検査したりできるオープンソースの JavaScript デバッガーであるTheseusが統合されています。 ^[22] TheseusはBracketsのあらゆる拡張機能をデバッグするために使用でき、組み込みの拡張機能マネージャーを使用して簡単にインストールできます。Theseusは、関数が呼び出されるたびに関数とその関連値を記録するプロキシサーバーを介してライブプレビューと連携して動作します。

BracketsはHTML、CSS、JavaScriptで構築されているため、開発者は拡張機能を作成することでBracketsに追加機能を提供することができます。^{[19] [23]}これらの拡張機能は、組み込みの拡張機能マネージャーを使用して検索およびインストールできます。拡張機能は、 Brackets Extension Registryを通じてオンラインでも見つけることができます。

• Chromium 組み込みフレームワーク(CEF)
• テキストエディタの一覧
• テキストエディタの比較 § プログラミング機能
• HTMLエディタの比較
• 原子

• 公式サイト