免責事項本資料に掲載されている内容は技術情報の提供を目的としたものです富士通の製品サービスにこれらの機能を搭載することを約束するものではありません 1

Size: px

Start display at page:

Download "免責事項本資料に掲載されている内容は技術情報の提供を目的としたものです富士通の製品サービスにこれらの機能を搭載することを約束するものではありません 1"

ひでかねぎたや
5 years ago
Views:

1 JavaDayTokyo 2018 SN-3 Polyglot フロントエンドでの Java リバイバル技術 2018 年 5 月 17 日富士通株式会社数村憲治 0

2 免責事項本資料に掲載されている内容は技術情報の提供を目的としたものです富士通の製品サービスにこれらの機能を搭載することを約束するものではありません 1

3 アジェンダ Polyglot クライアントアプリケーションの歴史アプレット移行トランスパイラ JSweet 実践事例サマリ 2

スピーカー数村憲治 Java VM エンジニア Eclipse Foundation ボードメンバー JCP Executive Committee 理事 Interstage Application Server 製品開発 Java オンラインコース作成 https://directshop.fom.

4 スピーカー数村憲治 Java VM エンジニア Eclipse Foundation ボードメンバー JCP Executive Committee 理事 Interstage Application Server 製品開発 Java オンラインコース作成 3

5 アジェンダ Polyglot クライアントアプリケーションの歴史アプレット移行トランスパイラ JSweet 実践事例サマリ 4

6 Polyglot な世界 Polyglot とは複数のプログラミング言語 JavaOne CodeOne GraalVM High-performance polyglot VM JavaScript, Python 3, Ruby, Java, Scala,C/C++(LLVM) マイクロサービスアーキテクチャでよく言われるそれぞれのサービスに適したプログラミング言語を選択クライアントサイド Applet, Flash,.NET, HTML5,,,. # ++ # 5

プログラミング言語ランキング 1 2 3 4 5 6 7 8 9 10 11 2015 2016 2017 2018 ここ数年大きな順位変動なし Java がトップ JavaScript は変動なし 6

7 プログラミング言語ランキングここ数年大きな順位変動なし Java がトップ JavaScript は変動なし 6 Java C C++ Python C# Visual Basic.NET.NET PHP PHP JavaScript SQL Ruby

8 デモ Java でできた JavaScript 7

9 アジェンダ Polyglot クライアントアプリケーションの歴史アプレット移行トランスパイラ JSweet 実践事例サマリ 8

10 クライアントアプリケーションの歴史クラサバ Web サーバサーバサーバ Applet/Flash JSP/JSF クライアントブラウザブラウザサーバ HTML5 SPA ブラウザサーバ負荷減クライアントのメンテナンス楽セキュリティリスク小セキュリティ確保リッチな GUI クライアントのメンテナンス苦セキュリティリスク大リッチな GUI が難しい端末の能力向上 W3C HTML5 勧告 9

11 アプレット技術の動向 Netscape Navigator に搭載 WebStart J2SE 1.2/Java Plugin 2013 米国土安全保障省の勧告 ( プラグイン無効化 ) 2015 Google Chrome NPAPI 無効 HotJava ブラウザ上で Java アプレットが実行可能にアプレット Edge が NPAPI のサポート中止 2017 Java Virtual Machine プラグイン NPAPI Web ブラウザ FireFox が Flash 以外の NPAPI 打ち切り Oracle Java 9 アプレット非推奨 Oracle Java 6/7 プラグイン削除 NPAPI:Netscape Plugin Application Programming Interface 10

12 ポストアプレット新規作成クライアントは二極化していくブラウザプラグイン ( アプレット /Flash/Silverlight 等 ) Web アプリ ( ブラウザのみ ) ローカル資産アクセス不要アプリ配布 ( ストアアプリサイドロード ) ローカル資産アクセス可能 11

13 アプレット資産世の中のアプレット資産ってどのくらい? 富士通 Java 使用ユーザアプレット使用クライアント台数 A 社 90,000 B 社 70,000 C 社 54,000 D 社 21,000 E 社 5,000 F 社 3,500 G 社 3,000 H 社 3,000 合計 249,500 12

14 アジェンダ Polyglot クライアントアプリケーションの歴史アプレット移行トランスパイラ JSweet 実践事例サマリ 13

15 移行案 1 アプレットの継続利用 IE11 終了まで 2 JSP/JSF を使用 JavaServer Faces 意外に使われていない 3 HTML5/JavaScript へ移行本命か!? 14

16 Jakarta EE アンケート調査 ( 使用 API) Java Persistence API (JPA) Java API for Restful Web Services (JAX-RS) 76.23% 75.73% Servlet Enterprise JavaBeans (EJB) Java Transition API (JTA) JavaServer Pages (JSP) JavaServer Faces (JSF) 59.39% 51.14% 47.31% 39.39% 33.63% JSP/JSF は意外に使われていない 15

17 Jakarta EE アンケート調査 ( 使用言語 ) Java JavaScript Python Other C/C++ C# GO Ruby Swift 17.56% 17.17% 11.36% 9.92% 5.76% 3.55% 3.10% 64.93% 98.73% Java ユーザは JavaScript にも取り組んでいる 16

18 コスト比較と対象システム (1) アプレット継続利用 (2) JSP/JSF (3) HTML5/ JavaScript 導入コスト高低低移行コスト高高ほぼなし ( ほぼ作りかえ ) ( ほぼ作りかえ ) 運用コスト中低低メンテナンスコスト高低低 ~ 高あと数年しか使わなくてよいシステムクライアントサイド技術に振り回されたくないモダンな GUI モバイル向けシステム 17

19 JavaScript の動向 Google Trend jquery 一強から混戦の時代へ 18

20 HTML5/JavaScript への移行方法移行前ブラウザアプレット RMI/IIOP ロジックロジックロジックサーバロジックブラウザ HTML5/JavaScript ロジックロジック移行後 HTTP/REST ロジックサーバロジック 19

21 Java を使った移行技術 DukeScript プラグインなしで Java アプリケーションがブラウザで動作 jpro JavaFX をブラウザで動作 JSweet Java から JavaScript へのトランスパイラ 20

22 アジェンダ Polyglot クライアントアプリケーションの歴史アプレット移行トランスパイラ JSweet 実践事例デモサマリ 21

23 トランスパイラとはあるプログラミング言語で記述されたソースを別の言語で記述したソースに変換コンパイラとトランスパイラの違い COBOL ソーストランスパイラ C ソースマシンコード 22

24 トランスパイラの例従来言語系 Fortran C (f2c) C++ C (cfront) JavaScript 系 (altjs) TypeScript JavaScript CoffeeScript JavaScript 従来言語系から JavaScript 系 Java JavaScript (GWT, JSweet) Haskell JavaScript (GHCJS) 23

25 altjs ( 代替 JavaScript) Google Trend TypeScript が優勢 24

26 Java JavaScript 系トランスパイラ Java を使う利点 JavaScript を知らなくてよいレガシー Java アプリの移植が簡単 IDE のサポート課題フロント技術の進化スピード API のミスマッチ 25

27 アジェンダ Polyglot クライアントアプリケーションの歴史アプレット移行トランスパイラ JSweet 実践事例サマリ 26

28 デモ Hello World 27

29 JSweet Java TypeScript(JavaScript) トランスパイラ Syntax Mapper 構文変換のみ Java 言語で JavaScript API を使う従来のトランスパイラ課題を解決アプリケーション JavaScript API(Candy) JavaScript 実装 Java ソース分離 28

30 従来トランスパイラ手法 (API 変換方式 ) 変換元 Java ソース Button button = new Button(); button.setlabel( click me ); トランスパイル Java ソースはそのまま API 変換変換後 JavaScript var button = document.createelement( button ); button.innertext = click me ; 29

31 JSweet トランスパイラ手法 (Syntax Mapper) 変換元 Java ソース Button button = new Button(); button.setlabel( click me ); Java ソースを手動で変更 API 変換修正 Java ソース HTMLButtonElement button = document.createelement(stringtypes.button); button.innertext = click me ; トランスパイル Syntax Mapper 変換後 TypeScript let button : HTMLButtonElement= document.createelement( button ) button.innertext = click me ; 30

32 新たな課題トランスパイルする前にアプリケーションの修正が必要 Candy で解決修正不要修正対象アプリケーション共通ライブラリ (Candy) JavaScript API(Candy) JavaScript 実装 Java ソース分離共通ライブラリフレームワークを採用しているシステムに有効 31

33 JSweet トランスパイラ手法 ( 実用的 ) Button button = new Button(); button.setlabel( click me ); アプリは変更なし Button button = new Button(); button.setlabel( click me ); 変換元 Java ソース public class Button extends JButton { public void setlabel(string label) { this.label = label; } クラスライブラリ部分だけ変更 (API 変換 ) public class Button { public Button { button = document.createelement(stringtypes.button); } public void setlable(string label); button.innertext = label; } トランスパイル Syntax Mapper 32

34 デモアプレットから JavaScript 33

35 JSweet の構成 TSD リポジトリ (TypeScript ソースコード ) JSweet(Candy) リポジトリ (Java TypeScript ソースコード ) ダウンロード変換公開諸届投信外為外為等参照 JSweet アプリケーション (Java ソースコード ) API トランスレータートランスパイラ諸届投信外為外為等 JavaScript アプリケーション 34

36 変換の仕組み javac(com.sun.tools.javac) を利用 35

37 Annotation を使った記述変換前 Javaソース public class Sample implements java.io.serializable private void writeobject(java.io.objectoutputstream out) throws java.io.ioexception { out.defaultwriteobject(); out.writeutf("special string"); ("return "not implemented yet "") public String findfromdb(string key) { return database.askdb(key); } 変換後 TypeScript export class Sample { public findfromdb(key : string) : string { return "not implemented yet" } } 36

Candy (JSweet ライブラリ ) Java と JavaScript のブリッジリポジトリに 1744 個の Candy が登録 (2018 年 5 月現在 ) http://www.jsweet.

38 Candy (JSweet ライブラリ ) Java と JavaScript のブリッジリポジトリに 1744 個の Candy が登録 (2018 年 5 月現在 ) 自作も可 Candy の種類 Java Candy: JSweet で再利用可能な共通 Java ライブラリ JavaScript Candy: 既存の JavaScript ライブラリに対するブリッジアプリケーション共通ライブラリ (Candy) JavaScript API(Candy) JavaScript 実装 37

39 Candy の構成構成要素 TypeScript(d.ts ファイル ) の定義 : TypeScript から JavaScript 変換時に必要 Java API とその実装 : Java ソースのコンパイルに必要 API は d.ts から自動生成可能 JavaScript の実装 : あれば Candy Generator (API トランスレータ ) d.ts から Java コードの作成 38

40 デモ Candy Generator 39

41 アジェンダ Polyglot クライアントアプリケーションの歴史アプレット移行トランスパイラ JSweet 実践事例サマリ 40

42 A 社様システム概要と移行要件システム概要 22Kstepのアプレット 10 年以上前に作成 GUI 部品は富士通が提供するライブラリを使用移行要件時間コストをかけずに JavaScript 化見た目操作性は移行前と同一 41

43 富士通のクライアントアプリケーション向け製品ボタンラベルフレームおよびダイアログなどの Java アプリケーションの GUI を実現アプリケーション (Java) JBKGUI SpreadBean JRE(AWT/ コア API) Java Virtual Machine JBK プラグイン Web ブラウザセル単位に入力マスク可能な Excel ライクな表を Java アプリケーションで実現 Web ブラウザ上でのアプレットの実行をサポート JBK: Java Business Kit 42

44 アプレット移行実践例変換前アプレット (Java) JBKGUI SpreadBean JRE(AWT/ コアAPI) 変換後アプリケーション (JavaScript) JBKGUI (JavaScript) JavaScript フレームワーク Spread (JavaScript) Java ベース AWT スプレッドライブラリコア API Java Virtual Machine JBK プラグイン Web ブラウザ jquery AngularJS JavaScript エンジン Web ブラウザ SlickGrid Wijmo 43

45 デモ実践例 44

1% 共通部分 11,789 849 10,940 92.8% 計 22,655 956 21,699 95.

46 トランスパイラでの実績アプレット 2 画面の変換実績ステップ数ステップ数合計手組自動変換自動変換率 A 画面 6, , % B 画面 4, , % 共通部分 11, , % 計 22, , % 手組ステップ数 : トランスパイラ用に書き換えが必要な箇所富士通製品部分の Candy 化により高い自動変換率 45

47 アジェンダ Polyglot クライアントアプリケーションの歴史アプレット移行トランスパイラ JSweet 実践事例サマリ 46

48 サマリ Javaアプレットの終焉はいよいよ現実的にアプレットをそのまま使用できるのはあと数年アプレット移行の選択肢はたくさんシステム要件予算などに合わせて適切に選択サーバ側とセットで考えることが大切 Polyglotの世界へようこそトランパイラの利用も一つの選択肢 Java 言語の再活用 47

V8.1新規機能紹介記事

V8.1新規機能紹介記事 WebOTX V8.1 新規機能 EJB 3.0 WebOTX V8.1より Java EE 5(Java Platform, Enterprise Edition 5) に対応しましたこれによりいろいろな機能追加が行われていますが特に大きな変更であるEJB 3.0 対応についてご紹介いたしますなお WebOTX V7で対応したEJB 2.1についてもWebOTX V8.1で引き続き利用することが可能です

免責事項 本資料に掲載されている内容は技術情報の提供を目的としたものです富士通の製品 サービスにこれらの機能を搭載することを約束するものではありません 1

免責事項本資料に掲載されている内容は技術情報の提供を目的としたものです富士通の製品サービスにこれらの機能を搭載することを約束するものではありません 1