1. 第 8 回 JavaFX 勉強会 LT
Taiji.Miyabe
Twitter : @taiz77

2. 宮部 泰治 (みやべ たいじ)
大学院生 (2年生)
プログラマ
好きな言語：Java, Ruby, 最近Scala
が非常に気になってます
2

3. http://aiit.ac.jp/
社会人向け大学院
 ほとんどが社会人
情報アーキテクチャ先攻
 ComputerScience, プログラミング、
PM…
研究
 基盤ソフトウェアの開発(Project) 3

4. 1. FXMLでの開発の実際
2. フレームワークの必
要性
4

6. ・ユーザ認証
データベー
1 ・プロジェクトデータの表示/
ス 登録
・Login画面⇒Dashboard画
2 画面遷移 面
部分的な
・プロジェクトの選択
3 ビューの切 ・タスクの追加/更新/削除
替
これらをFXMLで実装しようとすると
Webに近くなってくる
6

7. データベース(Model)
デモアプリでは以下3つのテーブル、
Modelクラスを用意
1. Projectテーブル ・・・ Project
クラス
2. Taskテーブル ・・・ Taskクラス
3. Userテーブル ・・・ Userクラス
7

8. 画面遷移
Login画面⇒Dashboard画面
8

9. 画面遷移
部分的なビューの切替
1.プロジェクト選択
2.タスク追加/タスク削除
9

10. 実際の開発
データベース
ORマッパを使用
各ModelクラスでORマッパをラップ
画面の設計/実装
SceneBuilderでデザイン(レイアウティ
ング、CSS)、実装。ほぼFXMLのみで
SceneBuilderは視覚化されるため、デ
ザインで非常に有用
個々のパーツごとにFXMLを作成
10

11. 実際の開発
画面遷移
自作
Windowオブジェクトを生成し、FXMLを
ロードし、次画面を呼出し
部分的なビューの切替
自作
パーツ化したFXMLをロード
その後、親コントローラから子にデー
タを受渡し(FXMLには直接データを渡せ
ない) 11

12. ソースコード
(https://github.com/a1153tm/zentasks)
zentasks/
├── Common.css ・・・ 共通CSS
├── Context.java ・・・ グローバルオブジェクト管理
├── Controller.java ・・・ Controllerの基底クラス
├── Dashboard.css ・・・ Dahsboard画面のCSS
├── Dashboard.fxml ・・・ Dahsboard画面のFXML
├── Dashboard.java ・・・ Dahsboard画面のController
├── FXMLLoadException.java ・・・ FXMLロードの例外クラス Javaソースコード：
├── Login.css ・・・ Login画面のCSS
├── Login.fxml ・・・ Login画面のFXML
1,144loc
├── Login.java ・・・ Login画面のController
├── ParentController.java ・・・ 子Viewを持つContorllerの基底クラス
├── ProjectBoard.fxml ・・・ Project一覧のFXML(パーツ)
├── ProjectBoard.java ・・・ Project一覧のController
├── TaskBoard.fxml ・・・ Taskを表示するためのFXML(パーツ)
├── TaskBoard.java
├── TaskItem.fxml ・・・ Taskを表示するためのFXML(パーツ)
├── TaskItem.java
├── TaskPane.fxml
├── TaskPane.java
├── Util.java ・・・ ユーティリティ
├── Zentasks.java ・・・ エントリポイント
└── models ・・・ Modelクラスパッケージ
├── Project.java
├── Task.java
└── User.java
12

13. 改善ポイントとフレームワーク
・ORマッパの標準化
データベー
1 ・ラッパクラスの導入
ス ・Validation機構
・標準ブラウザ
2 画面遷移 ・レイアウトテンプレート
・FXMLレンダリング機構
・テンプレートエンジン
部分的な ・部分レンダリング
3 ビューの切 ・Controllerのツリー化
替 ・FXML-Controller間データ
インターフェイス
13

14. 改善ポイントとフレームワーク
前記の改善ポイントは定型
化、仕組化することが可能
前記の改善ポイントは定型
化、仕組化することが可能
14

15. 研究活動で開発中
Ruby on Railsライクなフレームワー
ク
データ MVC
ベース アーキテク
CRUD統合 チャ
Creamy
コード生 View
成・ システ
Scaffold ム
15

16. Creamyフレームワークは2013年02月
公開予定
完成後に、また、ご覧に入れます
16