秋のJavaScript祭 in mixi 2017 のスライドです。 https://javascript-fes.doorkeeper.jp/events/66335
1PMZNFSͷVQEBUFʹݟΔ8FC$PNQPOFOUTͷաڈݱࡏɺͦͯ͠ະདྷळͷ+BWB4DSJQUࡇJONJYJ,FOJDIJSP,JTIJEB!TJ[VIJLP
View Slide
,FOJDIJSP,JTIJEB5PLZP +"1"/TJ[VIJLP!HNBJMDPN !TJ[VIJLPIUUQTHJUIVCDPNTJ[VIJLPIUUQCMPHPQFOUPLZPKQ
)JTUPSZ
)5.-קࠂ 9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ
"KBY͕༗໊ʹͳΔ8FCͱ͍͏ϫʔυ͕ൃͨ͠)5.-קࠂ 9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ
J1IPOF͕ൃച)5.-קࠂ 9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ"KBY͕༗໊ʹͳΔ8FCͱ͍͏ϫʔυ͕ൃͨ͠
8FC$PNQPOFOUTΛ(PPHMF͕ఏҊ)5.-קࠂ 9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ"KBY͕༗໊ʹͳΔ8FCͱ͍͏ϫʔυ͕ൃͨ͠J1IPOF͕ൃച
5IF&YUFOTJCMF8FC.BOJGFTUP͕ൃද1PMZNFSWϦϦʔε)5.-קࠂ 9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ"KBY͕༗໊ʹͳΔ8FCͱ͍͏ϫʔυ͕ൃͨ͠J1IPOF͕ൃച8FC$PNQPOFOUTΛ(PPHMF͕ఏҊ
)5.-קࠂ1PMZNFS͕ϦϦʔε͞ΕΔ)5.-קࠂ 9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ"KBY͕༗໊ʹͳΔ8FCͱ͍͏ϫʔυ͕ൃͨ͠J1IPOF͕ൃച8FC$PNQPOFOUTΛ(PPHMF͕ఏҊ5IF&YUFOTJCMF8FC.BOJGFTUP͕ൃද1PMZNFSWϦϦʔε
1PMZNFS͕ϦϦʔε͞ΕΔ)551͕ঝೝ͞ΕΔ)5.-קࠂ 9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ"KBY͕༗໊ʹͳΔ8FCͱ͍͏ϫʔυ͕ൃͨ͠J1IPOF͕ൃച8FC$PNQPOFOUTΛ(PPHMF͕ఏҊ5IF&YUFOTJCMF8FC.BOJGFTUP͕ൃද1PMZNFSWϦϦʔε)5.-קࠂ1PMZNFS͕ϦϦʔε͞ΕΔ
1PMZNFS͕ϦϦʔε͞ΕΔ4BGBSJ͕4IBEPX%0.ʹରԠͨ͠XFCDPNQPOFOUTPSH౷ҰԽ1PMZNFS͕ൃද͞ΕΔ1PMZNFS+BQBO͕ൃͨ͠4FSWJDF8PSLFS͕8FCLJUͰ։ൃதʹ)5.-קࠂ)5.-קࠂ 9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ"KBY͕༗໊ʹͳΔ8FCͱ͍͏ϫʔυ͕ൃͨ͠J1IPOF͕ൃച8FC$PNQPOFOUTΛ(PPHMF͕ఏҊ5IF&YUFOTJCMF8FC.BOJGFTUP͕ൃද1PMZNFSWϦϦʔε)5.-קࠂ1PMZNFS͕ϦϦʔε͞ΕΔ1PMZNFS͕ϦϦʔε͞ΕΔ)551͕ঝೝ͞ΕΔ
)5.-קࠂ 9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ"KBY͕༗໊ʹͳΔ8FCͱ͍͏ϫʔυ͕ൃͨ͠J1IPOF͕ൃച8FC$PNQPOFOUTΛ(PPHMF͕ఏҊ5IF&YUFOTJCMF8FC.BOJGFTUP͕ൃද1PMZNFSWϦϦʔε)5.-קࠂ1PMZNFS͕ϦϦʔε͞ΕΔ1PMZNFS͕ϦϦʔε͞ΕΔ)551͕ঝೝ͞ΕΔ1PMZNFS͕ϦϦʔε͞ΕΔ4BGBSJ͕4IBEPX%0.ʹରԠͨ͠XFCDPNQPOFOUTPSH౷ҰԽ1PMZNFS͕ൃද͞ΕΔ1PMZNFS+BQBO͕ൃͨ͠4FSWJDF8PSLFS͕8FCLJUͰ։ൃதʹ)5.-קࠂ
8FC$PNQPOFOUTw4IBEPX%0.w$VTUPN&MFNFOUTw)5.-*NQPSUTw)5.-5FNQMBUFThttps://github.com/w3c/webcomponents
4IBEPX%0.
$VTUPN&MFNFOUT定義:class MyPolymerElement extends Polymer.Element {...}customElements.define('my-polymer-element', MyPolymerElement);利用方法:
)5.-5FNQMBUFHello World from !<br/>class MyElement extends Polymer.Element {<br/>static get is() { return 'x-custom' }<br/>ready() {<br/>super.ready();<br/>this.$.name.textContent = this.tagName;<br/>}<br/>}<br/>
)5.-*NQPSUT
1PMZNFShttps://www.polymer-project.org
6TF5IF1MBUGPSN
w1PMZNFS&MFNFOUεʔύʔΫϥεwΠϕϯτϋϯυϦϯάwσʔλγεςϜwϔϧύʔΤϨϝϯτw$-*πʔϧ
ຊͰʜ
https://polymer-jp.org/
5.27 201711.28 2017▶︎
Polymer Versions• 1.9.1 stable• 2.0.0 stable• 109 releases• 1.11.0 stable• 2.2.0 stable• 124 releases▶︎UpUpUp
Polymer CLI Versions1.1.0 1.5.7▶︎ Up
Polyfill Versions1.0.1 1.0.17▶︎ UpBower Bower
• bosonic 1.0• SkateJS 5.0.7-β3• x-tag 1.5.11• Slim.js 3.0.6Web Components Libraries• bosonic 1.0• SkateJS 4.6.7• x-tag 1.5.11• Slim.js 2.9.9▶︎UpUp
1PMZNFS4VNNJU
What’s Next for Polymer (Polymer Summit 2017) ΑΓ5FNQMBUF 4IBEPX%0. $VTUPN&MFNFOUT )5.-*NQPSUT✅ ✅ ✅ ✅✅ ‼✅ ✅ ✅ ‼✅ ‼✅ ✅ ✅ ✅
What’s Next for Polymer (Polymer Summit 2017) ΑΓ 5PEBZ/BUJWF ‒ ❌4VQQPSUT%FFQ%FQFOEFODJFT ✅ ✅'JMF-FWFM /P#VOEMJOH3FRVJSFE ✅ ✅)5.-*NQPSUT
&4.PEVMFTWhat’s Next for Polymer (Polymer Summit 2017) ΑΓ✅ /BUJWF✅ 4VQQPSUT%FFQ%FQFOEFODJFT✅ 'JMF-FWFM /P#VOEMJOH3FRVJSFE
What’s Next for Polymer (Polymer Summit 2017) ΑΓ5FNQMBUF 4IBEPX%0. $VTUPN&MFNFOUT +4.PEVMFT✅ ✅ ✅ ✅✅ ✅ ✅ ✅ ✅✅ ✅ ✅ ✅ ✅
#PXFSWhat’s Next for Polymer (Polymer Summit 2017) ΑΓ 5PEBZ.BOBHFT%FQFOEFODJFT ✅ ✅3FTPMDFT7FSTJPO$POqJDUT ✅ ✅*OTUBMMT'MBU%FQFOEFODZ5SFF ✅ ✅"DUJWF$PNNVOJUZ ✅ ❌
:BSOOQNWhat’s Next for Polymer (Polymer Summit 2017) ΑΓ✅ .BOBHFT%FQFOEFODJFT✅ 3FTPMDFT7FSTJPO$POqJDUT✅ *OTUBMMT'MBU%FQFOEFODZ5SFF✅ "DUJWF$PNNVOJUZ
4&04IBSJOHhttps://render-tron.appspot.com/
8FBSFGSJFOEThttps://custom-elements-everywhere.com/
ͦ͏ͩ1PMZNFS͓͏
WJTJUNZCMPHHJUIVChttps://github.com/sizuhikohttp://blog.open.tokyo.jp
sizuhiko
tatsuru
kyonmm
yoshiyoshifujii
colopl
nishiuma
terahide
ystk
linedevth
mashiike
yoshitake_1201
moriyuya
antimon2
eitanlees
scottboms
soudai
akosma
smashingmag
swwweet
destraynor
eileencodes
lauravandoore
geoffreycrofte
trallard