Polymer Summit 2017 にて Polymer 3.0 の tech プレビュー版が発表/公開されました。そこで見えてきたのはブラウザサポートにおける Web Components 仕様の変化でした。 本セッションではそれらを含めたWeb Componentsの過去から未来まで解説します。
1PMZNFSͷVQEBUFʹݟΔ8FC$PNQPOFOUTͷաڈݱࡏɺͦͯ͠ະདྷ'VLVPLBQIQ7PM,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
https://speakerdeck.com/akase244/phpergaweb-componentsnituitekao-etemita-number-phpkansai
1PMZNFShttps://www.polymer-project.org
6TF5IF1MBUGPSN
w1PMZNFS&MFNFOUεʔύʔΫϥεwΠϕϯτϋϯυϦϯάwσʔλγεςϜwϔϧύʔΤϨϝϯτw$-*πʔϧ
ຊͰʜ
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/
WJTJUNZCMPHHJUIVChttps://github.com/sizuhikohttp://blog.open.tokyo.jp
sizuhiko
jmatsu
_tanako
tkhs0604
dalinaum
akarin
mot_techtalk
maimux2x
tomokusaba
pluu
osatoh
alpacatc
daipresents
jnunemaker
chrislema
danielanewman
malarkey
keavy
jponch
keathley
brettharned
samanthasiow
rmw
jrom
dotmariusz