Polymer / Web Components Update

初夏のJavaScript祭り LTスライド

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 ▶︎
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
    *0
    bʮ'VUVSF
    GBTUFS
    6OMPDL
    UIF
    QPXFS
    PG
    8FC
    $PNQPOFOUT
    XJUI
    1PMZNFSʯηογϣϯΑΓʢҰ෦௥Ճ͋Γʣ
21. 700 Projects Google Earth (PPHMF
    *0
    bʮ'VUVSF
    GBTUFS
    6OMPDL
    UIF
    QPXFS
    PG
    8FC
    $PNQPOFOUT
    XJUI
    1PMZNFSʯηογϣϯΑΓ
22. w1PMZNFSDPFEP
    w(PPHMF
    $PEFMBCTͷϋϯζΦϯ NFFUVQ
    -5େձ
    044׆ಈ
    wQPMZNFSDPFEPEPPSLFFQFSKQ
    w1PMZNFS
    +"1"/
    'BDFCPPL
    (SPVQ 2QN[OGTEQGFQ  ίϛϡχςΟ׆ಈ
23. 6TF5IF1MBUGPSN
24. ͦ͏ͩ
    1PMZNFS
    ࢖͓͏ 1PMZNFS
25. WJTJU
    NZ
    CMPHHJUIVC https://github.com/sizuhiko http://blog.open.tokyo.jp