Masaki Katakai, who has translated these slides from English, for Java Day Tokyo 2016.

3. Introduction to Oracle JET
Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
Oracle Corporation
Principal Product Manager
Geertjan Wielenga (@GeertjanW)
Java Day Tokyo 2016
May 24, 2016

4. Introduction to Oracle JET
Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
Oracle Corporation
Principal Product Manager
ヒューチャン・ビレンガ
Java Day Tokyo 2016
May 24, 2016

5. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
Safe Harbor Statement
The following is intended to outline our general product direction. It is intended for
information purposes only, and may not be incorporated into any contract. It is not a
commitment to deliver any material, code, or functionality, and should not be relied upon
in making purchasing decisions. The development, release, and timing of any features or
functionality described for Oracle’s products remains at the sole discretion of Oracle.
5

6. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | 6

7. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | 7

8. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | 8

9. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
社内の Oracle JET カスタマー
• Internet of Things
• Mobile Cloud Service
• Developer Cloud Service
• Business Activity Monitoring
• Solaris Deployment and
• Analytics
• PeopleTools
• New: Application Express
• New: Big Data Discovery
• New: Oracle Retail
Oracle JET Customers Across Oracle Include...
9

10. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
Oracle JET 社内でのインパクト
“Oracle JET enables us to build highly
interactive and responsive
applications that enable our users to
answer business questions at the
speed of thought. This is made
possible by the lightweight and open
client architecture that Oracle JET
promotes.”
• BI Visual Analyzer/Data Visualization
Cloud Service Team
Oracle JET Impact Across Oracle
10

11. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
Oracle JET 社内でのイン
パクト
“On the Solaris WebUI and
Analytics project we have made
extensive use of Oracle JET and
this has saved us considerable
time and effort during the
development of our webapp.”
• Solaris OS Development Team
Oracle JET Impact Across Oracle
11

12. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | 12

13. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | 13

14. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | 14

15. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | 15

16. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | 16

17. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | 17

18. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
さまざまなライブラリと用途
• アプリケーションフレームワーク＆ライブラリ(Application Frameworks & Libraries)
Angular, Knockout, Backbone, Ext, React, Ember
• コンポーネントライブラリ (Component Libraries)
JQuery UI, Sencha, PrimeFaces
• モジューラシステム (Module Systems)
RequireJS, Browserfy
• ビルドシステム (Build Systems)
Grunt, Gulp, Brunch
• テストフレームワーク (Testing Frameworks)
Protractor, Jasmine, Qunit, Karma
• その他 (Other)
Yeoman, Node.js, Bower
Different Libraries, Different Purposes
18

19. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
まるでジャングル…
It's a Jungle Out There...
19

20. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
必要な機能
• レスポンシブルデザイン (Responsive Design)
• モジュラリティ (Modularity)
• シングルページアプリケーション (Single Page Application)
• アクセシビリティ (Accessibility)
• 国際化 (Internationalization)
• セキュリティ (Security)
• パフォーマンスの最適化 (Performance Optimization)
• 標準への準拠 (Conformance to Standards)
• ドキュメントとサポート (Documentation & Support)
Requirements First
20

21. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
デモ
• RequireJS: モジュラリティ (modularity)
• KnockoutJS: 双方向データバインディング (two-way databinding)
Demo
21

22. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |

23. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
Oracle JET
23

24. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
Oracle JET
• 中級・上級開発者を対象
(Aimed at medium to advanced JavaScript developers.)
• オープンソースライブラリを使用
(Based on open source libraries.)
• データビジュアリゼーションにフォーカス
(Focused on data visualization, e.g., Cloud data.)
• エンタープライズ仕様 – アクセシビリティ、モジュラリティなど
(Enterprise-ready, e.g., accessibility and modularity.)
• Oracle Cloud カスタマ用からGitHubでオープンソース
(For Oracle Cloud customers and recently on GitHub.)
24

25. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
デモ
Demo
25

26. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
JETコンポーネントの標準
• 双方向データバインディング
(Two-way data binding)
• jQueryUI をラップしたウィジェットとしてパッケージ
(Packaged as jQueryUI wrapped widgets)
• Alta UI スタイル仕様に準拠
(Styled by default to meet the Ala UI style specifications (SASS based theming)
• Oracle NLS 標準(i18n)に準拠。通貨、数値、日付/時間のフォーマット
(28言語と160以上のロケールに対応)
(All components meet Oracle NLS standards(i18N). Formatting for Currency, Numeric and Date/Time (28
languages and 160+ locales)
JET Components Meet the Following Standards
26

27. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
JETコンポーネントの標準
• BiDiサポート、遅延リソースローディングなどを含むOracleソフト
ウェアローカリゼーション標準(l10n)に準拠
(All components provide support for Oracle software localization standards (l10n). Including BiDi and lazy
resource loading)
• OAG 2.0 標準のアクセシビリティに準拠
(All components meet OAG 2.0 standards for accessibility (based on WCAG 2.0))
• テスト自動化のメソッドの提供
(All components provide methods for test automation integration)
• タッチ機能の提供
(All components provide touch functionality where appropriate)
JET Components Meet the Following Standards
27

28. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. |
まとめ
• 中級・上級開発者を対象
(Aimed at medium to advanced JavaScript developers.)
• オープンソースライブラリを使用
(Based on open source libraries.)
• データビジュアリゼーションにフォーカス
(Focused on data visualization, e.g., Cloud data.)
• エンタープライズ仕様 – アクセシビリティ、モジュラリティなど
(Enterprise-ready, e.g., accessibility and modularity.)
• Oracle Cloud カスタマ用からGitHubでオープンソース
(For Oracle Cloud customers and recently on GitHub.)
Conclusions
28

29. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | 29

30. Copyright © 2016, Oracle and/or its affiliates. All rights reserved. | 30