クゥドゥー

クゥドゥー

qooxdoo アプリケーションを実行する Web ブラウザ
安定リリース	7.2.1 / 2022年7月11日; 2年前[1] (2022-07-11)
リポジトリ	github.com/qooxdoo/qooxdoo
タイプ	JavaScript アプリケーション フレームワーク
ライセンス	LGPL、EPL
Webサイト	翻訳元

qooxdoo / ˈ k uː k s d uː /は、オープンソースの Ajax Web アプリケーション フレームワークです。LGPLおよび/またはEPLライセンスのクライアント側およびサーバー非依存のソリューションであり、プロフェッショナルなJavaScript開発、グラフィカル ユーザー インターフェイス(GUI)ツールキット、および高レベルのクライアント/サーバー通信のサポートが含まれています。

qooxdooは完全にクラスベースで、オブジェクト指向JavaScriptの機能を活用しようとし、名前空間に基づいています。Gecko （Firefox、Mozilla、SeaMonkey）、Presto（Opera）、Trident（Internet Explorer、RealPlayer、Winamp）、WebKit（Chrome、Safari）など、ほとんどの最新ブラウザがサポートされています。 ^[2] Javadocのようなコメントから自動生成されるAPIリファレンスが含まれています。付属のツールセットの中には、自動ビルドプロセスの不可欠な部分であり、カスタムアプリケーションの最適化、圧縮、リンク、展開、およびドキュメントの生成に使用される包括的なJavaScriptパーサーがあります。アプリケーションの国際化とローカリゼーションがサポートされています。qooxdooは包括的なSDKとしてダウンロードできます^[3]。

qooxdoo は純粋な JavaScript フレームワークですが、ユーザー インターフェイスの実装に関しては、Qt、Standard Widget Toolkit (SWT) などの GUI ツールキットとほぼ同等です。ネイティブ デスクトップ アプリケーションの要素に似たウィジェットのセットを提供します。キーボード ナビゲーション、フォーカスとタブの処理、ドラッグ アンド ドロップの組み込みサポートが提供されます。寸法は、静的、自動サイズ調整、伸縮、パ​​ーセンテージ、加重フレックス、最小/最大、または組み合わせとして指定できます。すべてのウィジェットは、多くの高度なレイアウト機能に役立つ柔軟なレイアウト マネージャーに基づいています。インターフェイスの記述は、パフォーマンスを向上させるために JavaScript でプログラム的に行われます。

ユーザー インターフェイスの定義にはHTML は不要で、インターフェイスのスタイル設定にはカスケーディング スタイル シート(CSS) も不要です。シンプルな外観テーマを使用して、色、アイコン、その他の視覚プロパティのスタイルを設定します。また、実行時の切り替えもサポートします。

qooxdoo は、新しいクラスを定義するために閉じた形式を使用します。グローバル クラス コンストラクターは、新しいクラスの名前と、'construct' (コンストラクター メソッド フック)、'statics' (静的クラス属性とメソッド)、'members' (インスタンス属性とメソッド)、'destruct' (デストラクタ) などの定義済みキー セットの値を提供するマップの 2 つの引数を取ります。この (おそらく大きい) マップは、クラス定義を表します。クラスは、'extend' キーワードを使用して他のクラスから派生できます。

次のアプリケーションのスケルトンは、それがどのように動作するかを示しています。このコードは、ツールヒントを備え、押すと警告ボックスを開くボタンを備えた小さなアプリケーションを作成します。このコードは、オンラインプレイグラウンドで実行および編集することもできます。^[4]

qx.Class.define ( " custom.Application " , { extend : qx.application.Standalone ,​​​​​​

    

  メンバー: { main : function ( ) { this.base ( arguments ) ; 
  
      
    
      

      // ボタンを作成します
var button1 = new qx.ui.form.Button ( " First Button " 、" icon / 22 /apps/internet-web-browser.png " ) ;           
                                          

      // ドキュメントはアプリケーション ルートです
var doc = this . getRoot ();         

      // 固定座標でドキュメントにボタンを追加します
doc . add ( button1 , { left : 100 , top : 50 });          

      // ツールチップを添付します
button1 . setToolTip ( new qx . ui . tooltip . ToolTip ( "素敵なツールチップ" , "icon/32/status/dialog-information.png" ));       
                                                   

      // イベント リスナーを追加します
button1 . addListener ( "execute" , function ( e ) { alert ( "Hello World!" ); }); } } });        
        
      
    
  

インターフェースとミックスインは同様の方法で定義され、使用されます。

qooxdoo プロジェクトはクライアント側およびサーバーに依存しないソリューションですが、クライアントとサーバーの通信を実証するためのオプションのRPCサーバー実装 (現在はJava、PHP、Perl、Python ) が含まれています。抽象トランスポート層は、キュー、タイムアウト、およびXMLHttpRequest、Iframe、スクリプトによる実装をサポートします。qooxdoo の他の部分と同様に、この層は非同期通信を簡素化するためにイベントベースのプログラミングに依存しています。

• Ajax (プログラミング)
• JavaScriptフレームワークの比較
• JavaScriptフレームワーク
• JavaScript ライブラリ

• デモ
• APIリファレンス
• Sourceforge プロジェクト ページ
• Ajaxian.com のビデオ概要
• archive.todayの TechRepublic での批評(2013-01-02 アーカイブ)
• HTMLGoodiesのレビュー

• 公式サイト