JavaにおけるRIAの選択肢の1つとして.NETを使う!?

【特集】EclipseでJavaとXAML/WPFをつなぐ
フレームワーク

松原晋啓
2008/3/27

「eFace」でプログラマーは何ができるのか？

　「eFace」とは、いってしまえばJavaでXAML（WPF）を扱うための、Java製プレゼンテーションフレームワークです（図3）。

図3　「eFace」のアーキテクチャ（eFaceのサイトより引用したものを基に作成）

　eFaceには、以下のような特徴があります。

• 迅速なユーザーエクスペリエンスの開発
  • 拡張可能なコンポーネントベースのアプリケーションなので、プログラマーが開発しなければならないコードの量が最小限になり、コードの再利用性が向上する
• 複数のレンダリング（数値情報から図形や画像を描画すること）環境に対応
  • eFaceは、SWTやSwing、サーブレットやPortletとして実行するWeb/Ajaxに対して、レンダラーを提供できるため、複数のレンダリング環境でも、同じソースコードでアプリケーションを実行可能
  • .NETとJavaの相互のアプリケーションでXAMLファイルを共有可能
• 技術の変化にも柔軟に対応
  • アプリケーションは実行している環境に直接APIを記述していないため、コア技術がSwingやSWT、Web/Ajaxなどの技術に変わったとしても、eFaceのレンダラーはその負荷を吸収可能
• MDD（モデル駆動型開発）／MDAのためのGUIコンポーネント
  • XAMLを使うことによって、UMLやBPM、Javaのドメイン論理モデルなどからのGUI生成をシンプルにする

　以上のように、eFaceはXAMLの性能を活かして、一貫したプログラミングモデルを提供し、UIとビジネスロジックの明確な分離を実現します。

■ eFaceでUI要素を作成する方法

　また、eFaceはUI要素を作成する方法を以下の2種類から選択できます。

1. 静的な生成：XAMLファイルの記述をそのまま使用。コードロジックから動的にXAMLファイルの記述（UI定義）を変更することはできない
   • 通常は、この方法を使用
   • XAMLファイルで作成されたUIを使用することで、ビジネスロジック側の変更からUIへの影響を切り離すことができる
   • 完全な形でデザインとロジックの分離を実現することで、デザイナーとプログラマーの協業が可能となる
2. 動的な生成：UPFのAPIを使用し、コードロジックからXAMLファイルの記述（UI定義）を動的に変更する
   • デザインとロジックが混在するため、この方法はあまり使われることはない
   • SwingやSWTなどの従来のプログラミング方法と似ている
   • UIの外観や振る舞いを動的に変更する際に、いくつかの複雑なトリガとなるコンテキストをサポート
     

■ eFaceがサポートする主なWPFコントロール

　eFaceは、以下のような主なWPFコントロールをサポートします。

• XAMLの基本構文
• コントロール
• データバインディング
• 国際化とローカライズ

　2008年3月現在では、XPSドキュメントなどを扱うコントロールやグラフィック、マルチメディアを扱うコントロールは使用できないようです。

eFaceの開発はEclipseプラグインで無料でできる！

　eFaceの開発には、Javaプログラマーになじみの深いEclipseを使用します。

■ eFaceプラグインの動作環境

• Java実行環境：JDK1.5以上
• Eclipse：3.3（3.3のAPIが必須、3.2以下では動作しない）

編集部注：Eclipse 3.3について詳しく知りたい読者は、記事「徹底解剖!! Eclipse3.3 Europaの“新世界”」をご覧ください。

■ eFaceプラグインのセットアップ

　eFaceは以下のURLから無料でダウンロードできます。

• http://www.soyatec.com/eface/installation/

　こちらのビデオを参考にインストールを行ってください。

■ XAMLファイルのプレビューがビューアで見られる

　インストールが完了すると、［新規作成］の画面で「eFace XAML」が選択できるようになります（図4）。

図4　「eFace XAML」の新規作成

　ここからXAMLファイルを作成したら、eFaceによってXAMLファイルのビューアが表示されます（図5）。

図5　XAMLファイルのビューア

　ビューアは上下に分かれていて、上段にXAMLファイルのプレビューが、下段にソースファイルが表示されます。ソースファイルとしては、XAMLファイルのソース以外にXAMLファイル内のタグの属性やコードビハインドであるJavaファイルも表示されます。XAMLファイルを編集すれば即座にプレビューに反映されるので、確認しながら編集していくことが可能です。

■ イベントハンドラが自動生成できる

　イベント処理に関しては、XAMLファイルの「x:Class」属性に記述されているJavaファイル（デフォルトでは、XAMLファイルと同名）に記述していくことになります。しかし、［コード］ビューの右上にあるJavaコード生成ボタン（図6）でXAMLファイルのタグに記述したイベントから、イベントハンドラのJavaコードを自動で生成できます。

図6　イベントハンドラ自動生成

　ここで生成されたメソッドに処理を記述していくことになります。

XAMLのデザインは別のツールを使うのがおススメ

　Javaコードの生成やアプリケーションを実行する際には、EclipseのeFaceプラグインを使用する以外に方法はありません。しかし、XAMLファイルは互換性がありますので、XAMLファイルの正式な開発環境である「Expression Blend」や「Visual Studio」を使っての作成も可能です。

■ eFaceプラグインの弱点

　いずれはEclipseでもSilverlightに対応する可能性もあるとニュースでは取り上げられています（参考「SilverlightとEclipseはつながるのか〜協力の可能性を示唆〜」）が、現時点ではやはり正式対応はしていないので、このeFaceプラグインもすべてプレビューが対応しているわけではありません。

　筆者の調べた限りでは、テキストボックスやラジオボックスなどWebアプリケーションでおなじみのコントロールしか対応していなかったため、Ellipse（楕円）などの描画コントロール、グラデーションなど複雑なカラーデザインはプレビューに表示されませんでした。

　また、各コントロールはデザインのみではなく、配置などの設定もすべてコードベースで行う必要があるため、プレビューがないととても使いにくく感じます。

　従って、筆者としては円滑にリッチなアプリケーションを作成するために、XAMLのデザインツールであるExpression Blendや、WPF／Silverlightに対応した統合開発環境であるVisual Studioを使用してXAMLのデザインを行うことをおススメします。

編集部注：Expression Blendについて詳しく知りたい読者は、記事「Expression Blendで始めるWPFアプリケーション」を、Visual Studioについては、記事「Visual Studio 2008に搭載された17の新機能」を、それぞれご覧ください。

　続いて次ページでは、eFaceを使ったサンプルアプリケーションを紹介します。実際に体験してみましょう。

1-2-3

INDEX
	Page1
	プログラマーも“デザイン”を意識する時代 プログラマーのためのリッチクライアント技術とは？ WPFはプログラマー向けのリッチクライアント技術？
	Page2
	「eFace」でプログラマーは何ができるのか？ eFaceの開発はEclipseプラグインで無料でできる！ XAMLのデザインは別のツールを使うのがおススメ
	Page3
	何はともあれ、eFaceをサンプルで試してみよう リッチクライアント時代のJavaプログラマーのために

Java Solution全記事一覧

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）