ZK（フレームワーク）

ZKはJavaで書かれたオープンソースのAjax Webアプリケーションフレームワークであり、^{[ 3 ] [ 4 ] [ 5 ]}ほとんどプログラミングの知識を必要とせずにWebアプリケーションのグラフィカルユーザーインターフェースを作成できます。

ZKの中核は、 Ajaxベースのイベント駆動メカニズム、123を超えるXULおよび83のXHTMLベースのコンポーネント^{[ 6 ]} 、およびユーザーインターフェースを設計するためのマークアップ言語で構成されています。プログラマーは、機能豊富なXUL / XHTMLコンポーネントでアプリケーションページを設計し、エンドユーザーのアクティビティによってトリガーされるイベントに応じてそれらを操作します。これは、デスクトップGUIベースのアプリケーションに見られるプログラミングモデルと似ています。

ZKはサーバー中心のアプローチを採用しており、コンポーネントのコンテンツ同期やクライアントとサーバー間のイベントパイプライン処理はエンジンによって自動的に行われ、Ajaxの基盤となるコードはWebアプリケーション開発者にとって完全に透過的です。そのため、エンドユーザーはデスクトップアプリケーションと同様のインタラクティブ性と応答性を享受でき、プログラマーの開発もデスクトップアプリケーションと同様のシンプルさを維持できます。

ZKは標準的なWebリクエスト・レスポンスメカニズムを使用せず、クエリパラメータ付きのGETリクエストやPOSTリクエストによってフォームフィールドをサーバーに送信しません。代わりに、各画面ウィジェットの内部状態を更新するためにAJAXリクエストがサーバーに送信されます。ブラウザ側では、ZKはWebページのJSON記述のみをダウンロードし、クライアントレンダラーを使用してそれをUIに変換します。非常に効率的で、詳しく調べてみると、すべてを一度にダウンロードしているわけではないことがわかります。クライアントとサーバー間のトラフィックを調べると、ページのレンダリングが最終的に完了するまで、クライアントとブラウザの間で複数のリクエストがやり取りされていることがわかります。

オプションのクライアント側カスタマイズにより、開発者は、いわゆるサーバー＋クライアント融合によってクライアント側のリソースを活用し、カスタマイズを行うとともに、Ajaxトラフィックを削減することができます。

ZKは、 Swingと同様のコンポーネントベースのプログラミングに加えて、ZUMLと呼ばれる、リッチなユーザーインターフェースを定義するためのマークアップ言語をサポートしています。

• ZUMLは、プログラマーではない開発者が直感的にユーザーインターフェースを設計できるように設計されています。
• ZUMLを使用すると、開発者はMozilla XUL言語やXHTMLなどの異なるマークアップ言語を同じページにシームレスに統合できます。
• ZUMLを使用すると、開発者は純粋なJava言語（ BeanShellによって解釈される）でスクリプトを埋め込み、 EL式を使用してコンポーネントを操作したり、データにアクセスしたりできます。

• シンプルにJavaで。ZKは「JavaScriptを使わないAjax」というアプローチで知られており、開発者はAjaxやJavaScriptの知識がなくても、リッチなWebアプリケーションを透過的に構築できます。
• Bootstrap対応のレスポンシブデザインテーマ
• HTML5とCSS3をサポート
• 100種類以上のAjaxコンポーネントは、UIデザイナーに多様な機能豊富なコンポーネントを提供し、エンタープライズ向けAjaxアプリケーションのニーズを満たします。
• ZUMLは、リッチなユーザーインターフェースの設計をHTMLページの作成に似たものにします。ZUMLはXULの派生版であり、XMLで利用可能なすべての機能を継承し、UI定義と実行時ロジックを分離します。
• 複数のイベント駆動型GUI設計パターンをサポートするイベント駆動型コンポーネントベースモデル（デスクトッププログラミングモデルに類似）。^{[ 7 ]}
• ^{Model-View-Controller (MVC) [ 8 ]} 、 Model-View-Presenter ^{[ 9 ]}、およびModel-View-ViewModel (MVVM) ^{[ 10 ]}のデザインパターンをサポートしています。
• ZUMLページ内の注釈によるデータバインディング機能により、UIビューとデータおよびPOJO間のCRUD操作と状態同期が自動化されます。
• スプレッドシート、ピボットテーブル、カレンダーなどのアプリケーションコンポーネント。
• Java (Beanshell ^{[ 11 ]} ) によるスクリプトサポートの組み込み。これは、ユーザーインターフェイスとバックエンドプログラミングの両方に統一されたプログラミング言語を使用できるという重要な利点です。JavaScript (Rhino ^{[ 12 ]} )、Ruby (JRuby ^{[ 13 ]} )、Python (Jython ^{[ 14 ]} )、Groovy ^{[ 15 ]などの他の言語によるサーバーサイド Java スクリプトのオプションサポート。}
• JSPカスタムタグライブラリ、JSFサポート、ポートレット、サーブレットフィルターを介して既存のWebフレームワークとの統合をサポートします。SpringとHibernateにも対応しています。
• プログラマーが新しいカスタムUIコントロールを作成できるという点で拡張性があります。コントロールのグループはマクロコンポーネントとして再利用できます。
• ZK Chartsによる詳細なチャート作成

• ZKはサーバーサイドフレームワークであり、HTMLを出力するため、クライアントサイドにGeckoが存在する必要がなく、あらゆるブラウザで利用可能です。ZKはZUML（xulおよびxhtml）形式のサーバーサイドページを入力として受け取り、ブラウザ向けにdhtmlを出力します。
• ZKは、Javaを使用してサーバー上でユーザーインターフェースロジックを処理します。これにより、ロジックの作成に使用できるスクリプトエンジンやアプリケーションライブラリの選択肢が増えます。クライアントサイドアクション機能を使用すると、プレゼンテーション効果をブラウザに委任できるため、DHTML効果のサーバー負荷を軽減できます。アプリケーションロジックを単一のアプリケーションコンテナでサーバー上で実行することで、ブラウザでDOMを広範囲にプログラミングする場合と比較して、クロスブラウザテストやブラウザバージョンのテストを削減できます。
• ZKとXULはコンポーネントの一部が重複しているものの、ZKは独自のコンポーネントセットを持っています。コンポーネントライブラリはカスタムコンポーネントで拡張できます。また、複数のコンポーネントを組み合わせたマクロコンポーネントを定義することも可能です。
• ZKは、UIコンポーネントをサーバーサイドデータに宣言的にバインドするためのサーバーサイドデータバインディング注釈を提供します。
• 見た目と感触の違い。

• JREバージョン1.5以降
• Servlet 2.3以降をサポートするWebサーバー

ZUML（ZK User Interface Markup Language）は、リッチなユーザーインターフェースを定義するためのマークアップ言語です。

• ZUMLは、プログラマー以外の人がZUMLマークアップを使用して効率的にユーザーインターフェースを設計できるように設計されています。
• ZUMLを使用すると、開発者はMozilla XUL言語やXHTMLなどの異なるマークアップ言語を同じページにシームレスに統合できます。
• ZUMLを使用すると、開発者は純粋なJava言語（ BeanShellによって解釈される）でスクリプトを埋め込み、 EL式を使用してコンポーネントを操作したり、データにアクセスしたりできます。
• ZUMLはZKによってサポートされています。
• 公式ドキュメント ：ZUMLリファレンス

ZKはサーバー中心のフレームワークです。クライアント側では、実装に関する技術的な知識は必要ありません。そのため、ZK MobileはJava Mobile VM上で動作します。

ZK 5.0以降、いわゆるサーバー+クライアント融合^{[ 16 ]}アーキテクチャが導入されました。開発者は必要に応じてクライアント側のウィジェットに直接アクセスできます。ZKクライアントエンジンはjQueryに基づいています。^{[ 17 ]}技術的には、jQuery準拠のライブラリとウィジェットを使用できます。

• 豊富なWebアプリケーションフレームワークの一覧
• JavaScriptフレームワークの比較
• Ajaxフレームワーク一覧
• JavaScriptベースのウィジェットツールキット一覧

公式サイト