ブラケット-アドビによるオープンソースWeb開発IDE

HTML、CSS、およびJavaScriptで記述された次のHTML、CSS、およびJavaScriptエディターは、誰も驚かないでしょう。 ただし、まだ完全にグリーンで若々しいAdobe Bracketsプロジェクトに注意を払うべき理由はいくつかあります。 まず、アドビになります。 このような大企業を支援することは大きな意味があります。 第二に、オープンソースは異なります。 ブラケットの場合、これは正しい、真のオープンソースです-オープン性のレベルは非常に高いです。 このプロジェクトは、まだ完全に幼児の状態にあるという事実にもかかわらず、今年の5月上旬にGithubで公開されました。 プロジェクトのバックログもすべての人に公開されています-開発は2.5週間スクラムスプリント方法論に従って実行されます。 第三に、このIDEの設計とアーキテクチャには、より詳細な説明が必要です。







Bracketsは、コードエディタだけでなく、統合されたWeb開発環境として特別に設計されています。 実際には、エディタにはまだ多くの必要な機能がありません。 しかし、多くのファイルでの作業とブラウザーとの緊密な統合はすでに確立されています。 ブラケット設計の背後にある基本原則は、ミニマリズムとクリーンなインターフェイスです。 Bracketsでは、ウィンドウやタブを作成する代わりに、「チェックアウトを離れることなく」、異なるファイルのコードの関連セクションを編集できます。 たとえば、HTMLファイル内の要素のタグ、ID、またはクラス名にカーソルを移動し、Ctrl + E(クイック編集)を押すと、この要素に関連するCSSコードフラグメントがインラインエディターでここに開きます。 変更を行った後、Ctrl-Eをもう一度押すと、フラグメントが閉じます。 それだけです 同様に、JavaScriptコードの関数の定義には、この関数が呼び出された場所からアクセスできます。



将来的には、ドキュメントやグラフィックツール(パレット、グラデーションのビジュアルエディター、画像など)を含め、この作業方法を集中的に使用および拡張する予定です。



次に、ブラウザとの統合について説明します。 コードのすべての変更は、対応するブラウザウィンドウに即座に表示されます。 要素のサイズ、色、レイアウトをリアルタイムで調整できます。 クイック編集ツールと同じように、この機能はまだ初期段階ですが、開発者は将来的に最大化することに賭けています-ブラウザーウィンドウのエディターでカーソルが置かれている要素を強調表示し、ブラウザーをクリックして要素コードに移動し、設定しますエディターのブレークポイントとデバッグコードをリアルタイムで。



一般に、イデオロギーによると、ブラケットは、Kikstarterによって最近収集され、Habréで既に記述されたLight Tableプロジェクトを連想させます。 、最小限のインターフェース。 ただし、Light Tableとは異なり、BracketsはWeb開発のみに焦点を当てています。



ブラケットには何が入っていますか? 現在のバージョンは、WindowsおよびMacのネイティブアプリケーションとして機能します。 OS- Chromium Embedded Framework(CEF)と対話するためのラッパー。 LinuxバージョンとWebインターフェイスは、近い将来に計画されています。 コードエディタ自体は、 コードミラーに基づいています 。 APIはおそらく変更されるでしょうが、既に拡張機能を作成できます。 これまでのリアルタイムの「ライブ開発」モードは、Chromeブラウザーでのみ機能します。







まとめると。 アドビのサポート、オープンソースコミュニティ(Githubの2379人のサブスクライバー)の関心、Web開発への狭い焦点、簡潔でシンプルなインターフェイス、速度と使いやすさに焦点を合わせることにより、重要なリソースが正しい方向に集中し、方向付けられることを期待しています。つまり、ブラケットは非常に迅速に開発できます。 テキストエディターではなく、多くのファイルのプロジェクトで動作するようになっているテキストエディターではなく、Web開発で使用されているユニバーサルIDEではなく、もともとこれらの目的のために設計された全体的なツールを作成したいという願望を歓迎します。



一方、デスクトップラッパーの下にあるBracketsは単なるWebアプリケーションですが、ブラウザーを介して作業する機能がないことはweb-IDEにとってはやや奇妙に見えます。 ほとんどの場合、これは一時的な問題であり、このリリースでは、Bracketsはブラウザー、Linux、クラウドで動作します。 いずれにせよ、これは非常に興味深いプロジェクトであり、よく見る価値があります。






All Articles