Save 37% off PRO during our Black Friday Sale! »

Polymer / Web Components Update

Polymer / Web Components Update

初夏のJavaScript祭り LTスライド

C4c161ae9eeeed8f161197410f7a228a?s=128

Kenichiro Kishida

May 27, 2017
Tweet

Transcript

  1. 1PMZNFS
 8FC$PNQPOFOUT 6QEBUF ॳՆͷ+BWB4DSJQUࡇΓCZ!TJ[VIJLP

  2. ,FOJDIJSP,JTIJEB 5PLZP +"1"/ TJ[VIJLP!HNBJMDPN !TJ[VIJLP IUUQTHJUIVCDPNTJ[VIJLP IUUQCMPHPQFOUPLZPKQ 2QN[OGTEQGFQ 

  3. େࣄͳ͜ͱ͸࠷ॳʹ

  4. ͦ͏ͩ1PMZNFS࢖͓͏ 1PMZNFS

  5. 1PMZNFS https://www.polymer-project.org

  6. w8FC$PNQPOFOUT w%BUB#JOEJOH w#FIBWJPST w)FMQFST w.BUFSJBM%FTJHO w$-*5PPMT

  7. 8FC$PNQPOFOUT w4IBEPX%0. w$VTUPN&MFNFOUT w)5.-*NQPSUT w)5.-5FNQMBUFT https://github.com/w3c/webcomponents

  8. 10.15
 2016 5.27
 2017 ▶︎

  9. Shadow DOM Native Support • Chrome • Opera •Chrome •Opera

    •Safari ▶︎ New
  10. Custom Elements Catalog • polymer
 -project.org • open
 -elements.org •

    custom
 -elements.io webcomponents
 .org ▶︎
  11. None
  12. Polymer Versions • 1.7.0
 stable • 2.0
 preview • 89


    releases • 1.9.1
 stable • 2.0.0
 stable • 109
 releases ▶︎ Up
  13. Polymer CLI Versions 0.13.0 1.1.0 ▶︎ Up

  14. Browser Support • IE10 • IE11 • Edge • Chrome

    • Safari • Firefox ▶︎ Del • IE10 • IE11 • Edge • Chrome • Safari • Firefox
  15. Polyfill Versions 0.7.22 1.0.1 ▶︎ Up Shadow DOM v0 Shadow

    DOM v1
  16. Web Components Libraries • bosonic
 1.0 • SkateJS
 3.1.2 •

    x-tag
 1.5.11 ▶︎ Up • bosonic 1.0 • SkateJS
 4.6.7 • x-tag
 1.5.11 • slim.js New
  17. Polymer
 1.x Polymer
 2.x ▶︎

  18. Polymer 2.x • ଞϥΠϒϥϦͱͷޓ׵ੑ޲্ • Polymer.dom͕ഉআ͞Εͨ • σʔλγεςϜͷվળ • σόοά͕༰қʹͳΔ

    • ES6αϙʔτ • αΠζ͕࠷େͰ1/4ʹͳΔ
  19. ࠾༻ࣄྫ

  20. (PPHMF*0bʮ'VUVSF GBTUFS6OMPDLUIFQPXFSPG8FC$PNQPOFOUTXJUI1PMZNFSʯηογϣϯΑΓʢҰ෦௥Ճ͋Γʣ

  21. 700 Projects Google Earth (PPHMF*0bʮ'VUVSF GBTUFS6OMPDLUIFQPXFSPG8FC$PNQPOFOUTXJUI1PMZNFSʯηογϣϯΑΓ

  22. w1PMZNFSDPFEP w(PPHMF$PEFMBCTͷϋϯζΦϯ NFFUVQ -5େձ 044׆ಈ wQPMZNFSDPFEPEPPSLFFQFSKQ w1PMZNFS+"1"/ 'BDFCPPL(SPVQ 2QN[OGTEQGFQ 

    ίϛϡχςΟ׆ಈ
  23. 6TF5IF1MBUGPSN

  24. ͦ͏ͩ1PMZNFS࢖͓͏ 1PMZNFS

  25. WJTJUNZCMPHHJUIVC https://github.com/sizuhiko http://blog.open.tokyo.jp