PowerPoint Presentation

Size: px

Start display at page:

Download "PowerPoint Presentation"

ふみなこやぎ
5 years ago
Views:

JavaFX and Web Integration 日本オラクル株式会社 Java Embedded Global Business Unit

3 以下の事項は弊社の一般的な製品の方向性に関する概要を説明するものですまた情報提供を唯一の目的とするものでありいかなる契約にも組み込むことはできません以下の事項はマテリアルやコード機能を提供することをコミットメント ( 確約 ) するものではないため購買決定を行う際の判断材料になさらないで下さいオラクル製品に関して記載されている機能の開発リリースおよび時期については弊社の裁量により決定されます Oracle と Java は Oracle Corporation 及びその子会社関連会社の米国及びその他の国における登録商標です文中の社名商品名等は各社の商標または登録商標である場合があります 3 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

4 Servers Desktop Embedded TV Mobile Card BD-J Key APIs Java EE JavaFX Java TV MSA Platform Java SE Java ME Java Card Language Java Language Java Platform 4 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

アジェンダ Web コンポーネントの概要 API: WebEngine と WebView より高度な連携 7

11 Web コンポーネントのパフォーマンス Windows GUIMark2 HTML5 テスト Chrome 17.0 Firefox JavaFX Vector Test Bitmap Test Text Test Windows 7 Professional / Intel Core 2 Duo 2.53GHz / RAM 4.0GB 11 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

12 Web コンポーネントのパフォーマンス Mac GUIMark2 HTML5 テスト Chrome 18.0 Safari JavaFX 2.1 beta b19 Vector Test Bitmap Test Text Test MacOSX / Intel Core 2 Duo 2.13GHz / RAM 4.0GB 12 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

18 WebEngine の主なメソッドメソッド void load(string url) void loadcontent(string content) void reload() Worker getloadworker() Object executescript(string script) Document getdocument() 説明指定したWebページをロード HTMLを直接ロードリロードロード状況監視用のWorkerを取得 JavaScriptを実行 DOMを取得 18 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

19 ロード状況の監視とキャンセル package javafx.concurrent; Web ページのロードは非同期に行われる WebEngine から取得した Worker を利用する状態遷移 state: READY SCHEDULED RUNNING SUCCEEDED/FAILED/CANCE LED 進捗状況 progress (0 1) totalwork, workdone ( 全体作業量と終了分 ) キャンセル cancel() 19 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

// シーングラフに追加 // WebEngine を取得 WebEngine engine = view.

20 Web コンポーネントの基本的な利用例 import javafx.scene.web.webview; import javafx.scene.web.webengine; WebView view = new WebView(); // シーングラフに追加 // WebEngine を取得 WebEngine engine = view.getengine(); // ページをロード engine.load(" 20 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

24 DOM の変更の例 Document = engine.getdocument(); Element para2 = doc.getelementbyid("para2"); Element newp = doc.createelement("p"); newp.appendchild(doc.createtextnode("new paragraph")); para2.getparentnode().insertbefore(newp, para2); 24 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

setattribute("contenteditable", "true"); // または JSObject にキャストして

26 contenteditable HTML5 でサポートされる属性要素を編集可能にする例 : // DOM の Element インタフェースを使用 inputline.setattribute("contenteditable", "true"); // または JSObject にキャストして ((JSObject)inputLine).setMember("contentEditable", true) 26 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

27 JavaScript の実行 WebEngine.executeScript メソッド現在のコンテキストで任意の JavaScript 式を評価できる public String getpath() { return (String)webEngine.executeScript("location.pathname"); } 27 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

28 JavaScript 値の Java への変換 JavaScript null undefined 数値文字列ブール値オブジェクト Java null undefined java.lang.number (Integer または Double) java.lang.string java.lang.boolean netscape.javascript.jsobject 28 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

29 JSObject package netscape.javascript; JavaScriptオブジェクトのラッパークラス LiveConnectで規定されたAPI 主なメソッド Object getmember(string name) void setmember(string name, Object value) void removemember(string name) Object call(string method, Object[] args) 説明メンバーの取得メンバーの設定メンバーの削除メソッド呼び出し 29 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

30 JSObject と DOM DOM ノードは JSObject も implements している同じオブジェクトが WebKit の native DOM と JS DOM の両方をラップキャストして JSObject としても扱える Element inputline =...; // DOM 要素を取得 // JSObject として扱う ((JSObject)inputLine).call("focus"); 30 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

setmember("java", new Bridge()); <p>click <a href="" onclick="java.

32 JavaScript からの Java 呼び出し class Bridge { public void exit() { Platform.exit(); } } JSObject jsobj = (JSObject)webEngine.executeScript("window"); jsobj.setmember("java", new Bridge()); <p>click <a href="" onclick="java.exit();">here</a> to exit the application</p> 32 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

33 スレッドについての注意 JavaFX は Swing 同様シングルスレッドポリシー WebKit もシングルスレッドポリシー Web コンポーネントには JavaFX のアプリケーションスレッドからアクセスしなければならない javafx.application.platform の runlater メソッドを利用 33 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

呼び出し Wii リモコン WebEngine/WebView 35 Copyright

37 まとめ JavaFX and Web Integration JavaFX は強力な Web コンポーネントを標準装備 WebKit ベースの本格的な内蔵ブラウザ HTML5 にも部分対応高性能 Java Web アプリ間の連携 API を提供 JavaScript 実行 DOM アクセス Web と Java を融合した新しいアプリ開発が可能に! 37 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

38 JavaOne Tokyo 2012: JavaFX コンテンツ今後のセッション JS1-23 JavaFX + FXML + CSS = Java の次世代 GUI [CFP セッション ] JS1-32 Introduction to the JavaFX Scene Builder JS2-02 JavaFX Architecture and Programming Model JS2-32 Interface Layout with JavaFX 2.0 JS2-42 UI Controls and Charts: Drag-and-Drop, Filtering, Sorting, Table Hookup with Charts 38 Copyright 2012, Oracle and/or its affiliates. All rights reserved.

JavaOne Tokyo 2012: JavaFX コンテンツハンズオン展示 JH2-01 JavaFX 2.

Make the Future Java FY13 PPT Template

Make the Future Java FY13 PPT Template Yoshio Terada Java Evangelist http://yoshio3.com, Twitter : @yoshioterada 1 以下の事項は弊社の一般的な製品の方向性に関する概要を説明するものですまた情報提供を唯一の目的とするものでありいかなる契約にも組み込むことはできません以下の事項はマテリアルやコード機能を提供することをコミットメント ( 確約 ) するものではないため