japanese introduction to oracle jet

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

まるでジャングル… It's a Jungle Out There...

19

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

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

デモ

• RequireJS: モジュラリティ (modularity)

• KnockoutJS: 双方向データバインディング (two-way databinding)

Demo

21

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

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

Oracle JET

23

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

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

デモ Demo

25

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

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

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

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

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