Download as PDF, PPTX
Uploaded byTeppei Sato
You Don't Know ES Modules
The document is a summary of the Cybozu Meetup held on February 27, 2017, discussing various web technologies including JavaScript frameworks like React and Angular, as well as tools like Kintone and Garoon. It covers topics such as web component development, API integration, and accessibility standards. The agenda includes details on JavaScript best practices, compiler tools, and various JavaScript libraries.
You Don't Know ES Modules
- 1. Cybozu Meetup #1 Feb27, 2017
- 2. Hello! • a.k.a. @teppeis •2007 • Garoon • kintone • 2016
- 3.
- 4.
- 6.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14. • • Office • Garoon •Live / • • kintone
- 15.
- 16. • • B2C Web,PC • Web •
- 18. • 700 • cybozu.com:65 • : 1,000 • : 1.6 • : 600 • : 200
- 19.
- 20. • : • kintoneJavaScript: 45 • : • Web • : •
- 22. • kintone GoogleClosure Compiler 2010 • • TypeScript, Flow •
- 23.
- 24.
- 25.
- 26. UI • Closure Library •UI • MVC
- 27.
- 28. UI Component (): render
- 29. UI Component (): template
- 30. • Good • UIUI • Bad • • DOM • • MVC
- 31.
- 32.
- 33. React • React Closure •Flux •
- 34.
- 35.
- 37.
- 38.
- 40. • karma • • Lint: fixclosure • : grunt-parallelize • Grasp • Yeoman Generator scaffolding
- 41.
- 43. • kintone • 3rdparty • JavaScript • JavaScript API • JS •
- 44.
- 45.
- 46.
- 48.
- 50.
- 51. • React • ES2015+ •npm (Artifactory) • CI with •
- 53. • • JS / • 3rd party
- 55. • OpenSocial /Caja • • Salesforce Lightning / LockerService • Secure DOM : Web Sandbox LockerService - Qiita
- 56.
- 57. : iframe • sandbox •URL OAuth • • (postMessage) • UI : iframe • • ES Realms API ? • https://github.com/tc39/proposal-realms
- 59. • • 3rd party/ UI
- 60. Jenkins Blue Ocean(React ) https://jenkins.io/projects/blueocean/
- 61.
- 62. • • CSS • 3rdparty API React • Web Components?
- 63.
- 65.
- 66.
- 67. アクセシビリティ基準に基づいたコントラストの設定 3.33 : 110.98:1 https://www.slideshare.net/KobayashiDaisuke1/web-59111913
- 69.
- 70.
- 72.
- 74.
- 75. FAQ • Closure Compiler •TypeScript ES2015 • Vanilla Flowtype • React Angular TypeScript • • React