JavaFXでJava RIA開発はどれくらい変わるの?
2007年の JavaOneで発表されてから、がぜん注目を浴びている JavaFX Script。 Swingライブラリを使ったプログラミングが簡単にできるようになるということで、これを使えば Javaデスクトップアプリケーションもすぐに開発できるようになりそうです。
Sunは携帯端末向けのGUIアプリケーションもターゲットとしているようで、JavaFX Mobileというシステムも提供していくとアナウンスしています。こちらは、従来よりもパワーがある携帯端末で、Java SEが動作するようなものを想定しているようです。
PCのデスクトップだけでなく、この先進的な携帯端末でも動くGUIアプリケーションを簡単に作成できるということが、JavaFX Scriptの売りとなっているようです。昨年から続いているEoDの流れにも沿っているのでしょう。ということで、早速JavaFX Scriptを使ってみました。
■ JavaFX Scriptの使いどころとは?
JavaFX Scriptは、SunのJavaFXのサイトで紹介されています。RIA(Rich Internet Application)を簡単に実装できることが売りですが、Javaプログラマにとっては、既存のスクリプト言語との関係が気になるところです。Swingライブラリを使ったプログラミングの方が、Javaの文法で行える分、気が楽だというのが正直なところなので、こういったスクリプト言語の存在に価値を見いだすとしたらどこか、というのが最初に気になります。
■ Webブラウザの出現でUIデザインの仕方は変わった
一昔前のコンピュータ用アプリケーションの開発においては、ユーザーインターフェイスデザインというのは、開発者が片手間にやっていたり、コンピュータのユーザーインターフェイスに詳しいエンドユーザーが指示をしていたり、というのが普通の世界でした。
しかし、Webブラウザの出現によって、状況は変わってきています。いまや、Webサービスの開発においては、デザインチームが画面デザインをし、Web開発チームがそれをXHTML+CSSやAjaxで実装し、サーバサイドは開発チームがプログラミングをするといった体制で開発が増えてきています。賛否両論はあるようですが、GUIアプリケーションのモデルとして有名なMVCモデルをWebアプリケーション開発に適用していることが多いはずですし、多くのフレームワークは、基本的にこのモデルを採用しています。
■ RIA開発ではより柔軟なGUIコンポーネントが必要
このように、RIAの開発が要求されるようになってきていますが、これまでのようにWebブラウザに依存した技術だけでそれを実現するのは難しくなってき ています。これからは、より柔軟に、より高度なGUIコンポーネントを組み合わせることができて、しかもインターネットに対応したアプリケーションを開発 できる技術が必要なのです。
■ JavaFX Scriptはデザイン側やクライアント開発側で使われる?
こうして見ると、JavaFX Scriptを使うのは、実はサーバサイドで開発をしているJavaプログラマよりは、現在、XHTML+CSSやAjax回りを使っているWeb開発 チームが一番関係してきそうです。このチームのメンバが、Webアプリケーション開発時にJavaScriptやFlashを使っていたのと同じように、デスクトップでも携帯端末でも同じように動作するRIAを開発するに当たって、JavaFX Scriptを使うことになると考えられます。
ですから、JavaFX Scriptを評価するに当たっては、こういった開発体制で利用できそうなのか、JavaScriptやFlashを使うのと同じくらい簡単に使えるの か、といった項目が重要ではないでしょうか。こんなことを考えながら、いくつかの簡単なサンプルコードを作ってみました。
■ ダウンロードして、デモを試す
JavaFX Scriptのオープンソース実装であるOpenJFXのサイトで は、活発に開発がされていて、バージョンアップが頻繁に行われています。アーカイブはzip形式とtar.gz形式が用意されていますので、好きな方をダ ウンロードしてください。ここでは、記事執筆時にダウンロードしたOpenJFX-200705302107.zipを使って動作確認をしていますので、 あらかじめご了承ください。
OpenJFXのサイトでは、ライセンスは将来的にはGPLとなると書いてありますが、記事執筆時にダウンロードしたものには、「Technology Evaluation License」が同梱されていました。
■ Java Web Startを使ったデモ
ところで、このサイトには「Demos」と記載してあるところに、JNLPを使ったJava Web Startで起動するデモも用意されています。ちょっと様子を見てみたいというだけでしたら、このデモをダウンロードして動作させてみるといいでしょう。こういうのを使うと、Java Web Startの良さを実感できるはずです。
図2 JavaFX Script Tesla Demoの画面
■ デスクトップ上でも、デモを動かす
ともあれ、手元でも動作をさせてみましょう。ファイルをダウンロードしたら展開します。ここでは、Windows XPを使って確認をしました。展開した結果できたディレクトリは、C:\OpenJFXという名前に置き換えています。なお、後で作成するサンプルコード 用にC:\OpenJFX\sampleも作成しておきました。
ダウンロードしたファイルに同梱されたjavafxpad.batは簡単なJavaFX Scriptプログラムの開発に使える便利なツールです。前述のJava Web Startのデモにもあります。早速使ってみました。
図3 JavaFxPadの実行例
■ 簡単なJavaFXアプリを作ってみよう!
さて、ここからはWindows Vistaを使って、実際に簡単なサンプルを作ってみます。ダウンロードしたファイルのbinディレクトリには、javafx.batなどの起動スクリプトがあります。文字コードがWindows-31Jのファイルしか使えなくなってしまうので、筆者は次のようなバッチファイルjfx.batを用意して、こちらを使うようにしました。見てのとおり、libディレクトリにあるjavafxrt.jar、Filters.jar、swing-layout.jarを使います。
また、スクリプトの起動には、net.java.javafx.FXShellクラスを使います。ここでは、ファイルのエンコードをUTF-8としています。プログラムを作成するときには、UTF-8で保存するように気を付けてください。なお、javaコマンドへのパスはあらかじめ通しておきます。
jfx.bat |
@echo off
|
SimpleSwingSample.java |
import java.awt.event.ActionEvent;
|
コンパイルをして実行してみます。javacコマンドへのパスは通しておいてください。ソースファイルの文字コードを指定する必要があるので、「-encoding」オプションを付けている点にも注意してください。
コンパイルしてjavaコマンドを実行 |
>javac -encoding UTF-8 SimpleSwingSample.java
|
■ JavaFX Scriptで記述すると?
これを、JavaFX Scriptで記述すると、次のようになります。文法事項については、JavaFX Scriptの言語仕様がまだドラフトであることと、実装も頻繁に更新されていることから、あまりくどくどと説明せずに、重要な点だけを解説することにします。
一目見て分かることは、非常に簡単に記述できるということでしょう。画面を表すのがFrameで、その属性をCSSと同じような感じに指定できるようになっています。Swing版のプログラムと比較してもJavaFX Scriptの方が断然書きやすそうです。また、SwingUtilitiesも、この程度のプログラムなら必要ないようです。
JavaFX Scriptで記述 |
import javafx.ui.*;
|
Swingプログラミングでは、Buttonには、addActionListenerメソッドを使って、ActionListenerを登録していましたが、JavaFX Scriptでは、actionという属性にoperation()を指定し、そこでボタンを押されたときの処理を記述します。
ここでは、java.lang.Systemクラスを使って、「OK」という文字列をコンソール画面へ出力していますが、このクラスをimportしていることに注意してください。また、FrameやButtonといったクラスはjavafx.uiパッケージのクラスで、「import javafx.ui.*;」を宣言していないと、エラーとなります。
実行をするには、次のようにします。先ほど作成したバッチファイルを使っています。コンパイルスレッドがイベントディスパッチスレッド上で動作していることがコンソール画面へ表示され、その後に画面が表示されます。
JavaFXアプリケーションを実行 |
>jfx.bat SimpleFxSample.fx
|
図5 JavaFX Scriptで作ったサンプルの実行画面
■ JavaのSwingライブラリを意識したコーディングをすると?
JavaのSwingライブラリを意識したコーディングもできます。こちらでも随分コンパクトに書けます。JavaFX Scriptの書き方に慣れないJavaプログラマはこちらの書き方の方が書きやすいかもしれません。javax.swing.JFrameなど、必要なクラスをimportしているので、忘れないようにしてください。
JavaのSwingライブラリを意識したコーディングの例 |
import javax.swing.JFrame;
|
図6 JavaのSwingライブラリを意識して作ったサンプルの実行画面
■ スクリプトの起動方法を考える
Javaプログラムとの連携を考えると、どうやってJavaプログラムからJavaFX Scriptプログラムを起動するのかについては確認をしておく必要があります。起動スクリプトから分かりますが、net.java.javafx.FXShellはmainメソッドを持っているので、次のようにmainメソッドを呼ぶのが一番簡単なようです。とはいえ、これはJavaのスクリプティング標準の方法ではありません。
FxRunner .java
|
import net.java.javafx.FXShell;
|
コンパイル時、実行時にはjavafxrt.jarや、swing-layout.jarファイルにクラスパスを通すことを忘れないようにしましょう。必要であれば、Filters.jarにもクラスパスを通します。
FxRunner .javaの実行結果
|
>javac -classpath ..\lib\javafxrt.jar -encoding UTF-8 FxRunner.java
|
■ JSR-223に従うスクリプティングエンジン
Javaスクリプティングを使って、JavaFX Scriptのエンジンを利用する前に、JSR-223に従うスクリプティングエンジンの実装がどれくらい進んでいるのかをチェックしてみましょう。次のプログラムはクラスパスに登録されているスクリプトエンジンについて、簡単な情報と、実装しているインターフェイスの一覧とを表示するプログラムです。javax.scriptパッケージに含まれるScriptEngineManagerクラスやScriptEngineFactoryクラスの簡単な使用例にもなっています。
CheckEngine .java
|
import java.util.List;
|
これを実行すると、筆者の環境では次のように表示されました。JavaFX Script Engineに関する情報が表示されているのが分かります。なお、Mozilla RhinoはJava SE 6に同梱されているECMAScript Engineです。これを見ると、Mozilla Rhinoは「javax.script.Invocable」や「javax.script.Compilable」といったインターフェイスを実装していますが、OpenJFXではこれらの実装はまだされていないということが分かります。
CheckEngine .javaの実行結果
|
>java -cp ..\lib\javafxrt.jar;..\lib\swing-layout.jar;. CheckEngine
|
編集部注:Mozilla Rhinoについての詳細を知りたい読者は、連載第1回の「JavaとJavaScriptの親しい関係」をご参照願います。
■ JavaFX Scriptを実行するプログラム
それでは、スクリプトを起動するプログラムを書いてみましょう。ここでは、引数については考えないで、単純に起動する方法だけ実現してみました。java.io.FileReaderクラスを使っていることから、ファイルのクローズを確実にする必要があるために、記述は長くなっていますが、ポイントはrunScriptメソッド内の処理になります。
ここで先ほどのプログラムで得たJavaFX Scriptingのエンジン名「FX」を使って、「manager.getEngineByName("FX")」のようにScriptEngineの インスタンスを取得しています。後は、これを使って「engine.eval(reader);」としているだけです。
ScriptRunner .java(抜粋)(全ソースはこちら)
|
(略)
|
もう一点、注意する必要があります。最後の行でSwingUtilitiesクラスのinvokeLaterメソッドを使ってスクリプト実行のメソッドを 呼び出しています。画面を表示するプログラムはイベントディスパッチスレッドから呼び出す必要があるために、このようにしています。
これを実行すると、JavaFX Scriptのファイルを読み込んで実行できるようになります。変数のバインドなどもJSR-223に従った方法で行えます。
■ アニメーションプログラムを作ってみよう
JavaFX Scriptでは、アニメーションプログラムを簡単に作成できるということなので、それについても確認してみました。単純なデジタル時計を作成したのですが、次のようになります。
ここでは、javafx.ui.LabelクラスをextendsしたクラスとしてDigitalClockを用意しています。パッケージも使えるので、fxパッケージとして、ディレクトリfxにファイルを置いています。
■ JavaFX Scriptのtriggerキーワード
JavaFX Scriptではtriggerというキーワードが あり、ある処理が発生したときに一緒に行いたい処理を記述できます。ここでは、DigitalClockの属性cについて代入がされるたびに、Dateク ラスのインスタンスを生成し、テキスト形式にフォーマットしてjavafx.ui.Labelクラスの属性textへ代入しています。
また、コンストラクタが呼ばれたときに属性runningをtrue とし、runningがtrueの間は属性cの値を更新し続けるようにしています。ただし、「c = [1..100] dur 1000 continue if running;」という処理については、サンプルにあった処理なのですが、言語リファレンスのページであるopenjfx: The JavaFX Programming Languageには説明がないので、正確な意味は分かりません。
dur演算子については、デモに含まれるJavaFX Canvas Tutorialに記述があります。durationの 意味で、この場合は1000ミリ秒間に10ミリ秒ごとに1から100の値がcへ代入されます。残りの「continue if running」の部分については、残念ながらそこにも説明がありませんが、動作を見る限りはrunningがtrueの間、この処理を続けることになり ます。
fx\DigitalClock.fx |
package fx;
|
■ デジタル時計の起動プログラム
これを使った画面を表示するには、次のようなプログラムを用意します。ほかのクラスと同じように、fx.DigitalClockクラスをインポートして 使っています。このクラスはjavafx.ui.Labelと同じように使えますが、インスタンスを生成すると、同時に動作し始めるので、画面を終了する ときには、停止する必要があります。それが「onClose: operation() { dc.running = false; }」の部分になります。
DigitalClockFrame.fx |
import javafx.ui.*;
|
図7 JavaFX Scriptによるデジタル時計の実行画面
実行すると、デジタル時計の画面が表示されて時間を刻むのが分かるはずです。アニメーションをさせたい場合は、DigitalClock.fxの 「trigger on DigitalClock.c = newValue { /* 処理 */ }」にアニメーション用の処理を記述すればいいだけなので、それほど難しくはないはずです。Swingプログラムでは結構意識が必要だったイベントディス パッチスレッドも、それほど意識しなくてもいいようです。
■ デモのアニメーション
同梱されているデモでも、オブジェクトが回転するなどのアニメーションが試せます。
図8 JavaFX Canvas TutorialデモのAnimation(実行環境はWindows XP)
■ RSSフィード表示アプリを作ってみよう
最後に、インターネットアプリケーションのサンプルも作成してみました。RSSフィードを読み込んでツリー形式で表示する単純なものです。JavaFX Scriptだけでは難しいので、RomeというAtom/RSS用のライブラリを使っています。RomeはJDOMを使うので、こちらも必要です。今回は、rome-0.9.jar、rome-fetcher-0.9.jar、jdom.jarを使って実装しています。
ここでは、RssTreeというクラスを用意して、タイトルを保存する配列としてtitlesを用意し、タイトルと対になるURIを保存するマップをuriMapで用意しています。コンストラクタでフィードを読み込んで、RssTreeの初期化をしています。
■ JavaFX Scriptの面白い命令
特長的なのは、while文の中でエントリからタイトルと、それに対応するURIをRssTreeへ保持する処理をしているのですが、配列のtitlesへ「insert title into titles;」という命令で値を追加している点です。配列へは添え字を使って代入するのが普通なのですが、JavaFX Scriptには、こういった面白い命令が用意されているのです。
RssTree.fx(抜粋)(全ソースはこちら) |
(略)
|
■ JavaFX Scriptのforeach文
rootのTreeCellへTreeCellを追加するに当たり、foreach文を使って登録しているあたりにも注目してください。こういった処理は癖があるので慣れるまで難しいと思いますが、同じ部品を繰り返し登録するのには便利です。
■ RSSフィード表示アプリの実行結果
実行時にはRomeとJDOMのJARファイルへもクラスパスを通すように気を付けてください。起動に成功すると、@ITのフィードを読み込んで表示します。エラー処理については記述していませんが、このようなプログラムも組めることが分かりました。
図9 JavaFX ScriptによるRSSフィード表示アプリの実行画面
■ JavaFX Scriptを楽しむ
以上、ドキュメントが少ない中、インターネット上で公開されているサンプルと、ダウンロードしたアーカイブに同梱されているデモプログラムを中心にして簡 単なサンプルを作ってみましたが、本格的に使用するには、まだいろいろと苦労しそうですが、面白いプログラミング言語だと思いました。
最後にコンポーネントを組み合わせて表示するプログラム(ソースはこちら)も作成してみましたが、複雑なデザインの画面も結構気軽に作成できそうです。
図10 ComponentTest.fxの実行画面
■ RIAの元祖はJavaアプレットだった
思い起こせば、10年前にJavaアプレットという方法で、RIAを実現する言語としてJavaには注目していましたが、いろいろな経緯を経て、あまり使われなくなってしまいました。最近はJavaのプラグインが必要なサイトはほとんど見掛けません。
Swing も高性能なのですが、なかなかデスクトップサイドのアプリケーションで普及しているものはありません。筆者はかなりJava好きですが、Webブラウザ、 メールクライアント、オフィス製品など、どれもJavaアプリケーションのものは使っていません。しかし、Sunはあきらめていなかったのでしょう。ここ にきて、JavaFX Scriptでこの分野での巻き返しをしようとしているのではないでしょうか。まだまだ実力は未知数ですが、言語としては面白い機能を持っているので、楽 しめることは間違いありません。
■ Java SEと親和性のあるRIA
また、Javaには既存の膨大なライブラリがあり、JavaFX Scriptからは、それらを簡単に使えるという点は大きな魅力です。Java SEのアプリケーションやライブラリと親和性のあるスクリプト言語は、必ず開発に役立つはずです。
ただし、JavaFX Scriptは、高度なアニメーション機能を備えたGUIインターフェイスの開発を容易にすることに重点が置かれていますから、その点だけは忘れないようにした方がいいでしょう。以上の事柄を踏まえて、JavaFX Scriptを新しい開発に生かしていくといいのではないでしょうか。
JavaFXでJava RIA開発はどれくらい変わるの?相关推荐
- オフショア開発を成功させる工夫10点
オフショア開発に関する記事や投稿の多くは日本側の視点から見た意見がほとんどです. 時にはそれが少し偏った情報提供になっているかもしれません.この連載では.筆者が今までオフショア開発に関わった経験から感 ...
- 利用JavaFx开发RIA桌面应用-在线资料
转载请注明来源-作者@loongshawn:http://blog.csdn.net/loongshawn/article/details/52805751 1.前言 虽说java已经不是主流的桌面应 ...
- 利用JavaFx开发RIA桌面应用-构架思路
转载请注明来源-作者@loongshawn:http://blog.csdn.net/loongshawn/article/details/53174058 背景 最近在给公司其他部门开发桌面应用,起 ...
- java下載與安裝_[Java] 下載與安裝Java官方開發工具:NetBeans IDE
[Java] 下載與安裝Java官方開發工具:NetBeans IDE 依個人經驗,當NetBeans用到一半,不知怎樣就當掉,或程式碼被Lock無法修改,通常是該版的NetBeans有Bug 建議下 ...
- 【日本IT】连自社開発、受託企業、SES都不知道,你就敢赴日干IT?
自社開発.受託企業.SES是什么? 自社開発企業:企业可以通过开发的业务直接获利的公司 受託企業:开发客户方的业务而获利的公司 SES企業:通过将员工派遣到其它公司而获利的公司 01 自社開発企業 自 ...
- 【JAR包打包为EXE】javafx/java项目(适用jdk1.8)通过Gradle插件打包为exe,包含jre,客户机无需安装JDK(含代码)
前言: 通常在采用javafx或tornadofx等框架编写的桌面软件后,若要分发给客户机进行使用,就需要先在目标客户机安装合适版本的JDK,对于客户机来说并不需要关注这一步骤,这也增加了多台客户机分 ...
- JavaFX: Java音乐播放读取歌词
JavaFX: Java音乐播放读取歌词 1.lrc歌词文件 2.解析lrc歌词 2.1 读取每行歌词 2.2 解析歌词时间标签Time-tag 2.3 解析歌词标识标签ID-tags 2.4 创建对 ...
- 利用JavaFx开发RIA桌面应用-文件拖拽
转载请注明来源-作者@loongshawn:http://blog.csdn.net/loongshawn/article/details/53023429 1 背景 给JavaFx中的TextFie ...
- ABAPプログラム開発において使用実績のある汎用モジュール一覧
※バージョンの違いによって.汎用モジュールの名称とか機能とか異なる可能性があります. スプール系 [MONI_CALL_SPOOLSHOW] スプール画面を表示 [RSPO_OUTPUT_SPOOL_ ...
最新文章
- linux remote
- 嵌入式JavaScript脚本解释器的研究与实现
- sub在python中的意义_在python中,如何使用回复sub?
- C++多线程简单入门(Windows版本)
- Core Location定位
- ASP.NET没有魔法——ASP.NET MVC 与数据库之MySQLEF
- 《给教师的阅读建议》经典语录
- python对abaqus本构二次开发_基于Python的Abaqus二次开发实例讲解
- Meerkat倒下想到的:社交巨头的后院不容置喙
- MooseFS源代码分析(三)
- Oracle 10g OCP 官方培训
- linux安装离线docker包教程,Centos7离线安装Docker环境
- 如何推导高斯过程回归以及深层高斯过程详解
- speedoffice表格的外框线怎么设置?
- 脑袋决定口袋,思维决定未来!
- app支付宝接入流程图_Android App支付系列(二):支付宝SDK接入详细指南(附官方支付demo)...
- 卫星移动通信现状与未来发展
- 2021年中国机动车、汽车和新能源汽车保有量及驾驶人和驾驶证业务办理情况分析「图」
- cmd循环调用native2ascii.exe
- Windows的EventLog
热门文章
- python pdf 转换成txt,csv,doc 及doc转换为pdf初级
- 《伟大的小细节:互联网产品设计中的微创新思维》——3.6 基于当前场景的前因后果推演...
- openwrt 15.05 branch (Chaos Calmer)编译出的固件bootargs被覆盖
- iOS 重力感应之箭头指向重力方向
- MySQL学习_数据库和表的基本操作
- 基于apache-jena的知识问答
- 像素颜色和颜色向量相加相乘的理解
- s盒c语言算法,AES加密算法中的S盒及其C语言实现
- 用QuartusII 操作操作1位全加法器单位延时仿真
- 揭开小额信贷业务系统的秘密