I/O ‘18で発表された Polymer の発表を5分のLTに圧縮して紹介します
*0bͰൃද͞Εͨ 1PMZNFSͷVQEBUFʹݟΔ8FC$PNQPOFOUTͷաڈݱࡏɺͦͯ͠ະདྷॳՆͷ+BWB4DSJQUࡇ,FOJDIJSP,JTIJEB!TJ[VIJLP
View Slide
,FOJDIJSP,JTIJEB5PLZP +"1"/TJ[VIJLP!HNBJMDPN !TJ[VIJLPIUUQTHJUIVCDPNTJ[VIJLPIUUQCMPHPQFOUPLZPKQ
)JTUPSZ
2013Polymer v0.0.20130711
2014Polymer v0.5
2015Polymer v1.0
2017Polymer v2.0
2018
Polymer3.0
w ࠷৽ͷόʔδϣϯw όʔδϣϯ·ͩ·ͩݱw (PPHMFͷ$ISPNFνʔϜ͕։ൃw 1PMZpMMͰͳ͍1PMZNFS
8FC$PNQPOFOUTw4IBEPX%0.w$VTUPN&MFNFOUTw)5.-*NQPSUTw)5.-5FNQMBUFThttps://github.com/w3c/webcomponents
6TF5IF1MBUGPSN
url="https://www.googleapis.com/youtube/v3/search"params='{"part":"snippet", "q":"polymer", "key": "xxxx", "type": "video"}'handle-as="json" last-response="{{ajaxResponse}}">[[item.snippet.title]]sizing="cover" preload fade>[[item.snippet.description]] https://github.com/PolymerElements/iron-ajax
w8FC$PNQPOFOUTΛ࡞ΔͨΊͷܰྔ'8wΞϓϦέʔγϣϯ࡞ΕΔwঢ়ଶཧͱ͔ίϯϙʔωϯτผͷϥΠϒϥϦ͕ඞཁwϑϧελοΫͰͳ͍w5ZQF4DSJQUαϙʔτ
.BUFSJBMDPNQPOFOUTw (PPHMF*0Ͱൃද͞Εͨ৽͍͠σβΠϯͷ8FC$PNQPOFOUTw IUUQTHJUIVCDPNNBUFSJBMDPNQPOFOUTNBUFSJBMDPNQPOFOUTXFCDPNQPOFOUTw IUUQTNBUFSJBMDPNQPOFOUTHJUIVCJPNBUFSJBMDPNQPOFOUTXFCDPNQPOFOUTEFNPTJOEFYIUNM
-JU&MFNFOUw 1PMZNFSϕʔεͷܰྔ$VTUPN&MFNFOUϕʔεΫϥεw IUUQTHJUIVCDPN1PMZNFSMJUFMFNFOU<br/>import {LitElement, html} from '@polymer/lit-element';<br/>class MyElement extends LitElement {<br/>static get properties() { return { mood: String }}<br/>_render({mood}) {<br/>return html`<style> .mood { color: green; } </style><br/>Web Components are <span class="mood">${mood}</span>!`;<br/>}<br/>}<br/>customElements.define('my-element', MyElement);<br/>
18"4UBSUFS,JUw 1PMZNFSͰ࡞ΒΕͨ18"σϞΞϓϦw IUUQTHJUIVCDPN1PMZNFSQXBTUBSUFSLJUw IUUQTQXBTUBSUFSLJUBQQTQPUDPN
https://polymer-jp.org/
11.28 20175.19 2018▶︎
Polymer Versions• v1.11.0• v2.2.0• v3 (Preview)• 124 releases• v1.11.3• v2.6.0• v3.0.2• 140 releases▶︎Up
Polymer CLI Versions1.5.7 1.6.0▶︎ Up
8IZVTF)5.-*NQPSU/FFEFE1PMZpMM#PXFS.BEFCZ1PMZNFS
/FFE1PMZpMM
UP&4.PEVMFT
#PXFSUPOQN
8FBSFGSJFOEThttps://custom-elements-everywhere.com/
ະདྷ
w$444IBEPX1BSUT https://tabatkins.github.io/specs/css-shadow-parts/w$VTUPN&MFNFOU3FHJTUFST https://github.com/w3c/webcomponents/issues/716w1BDLBHFOBNFNBQT https://github.com/domenic/package-name-mapsw)5.-.PEVMFT https://github.com/w3c/webcomponents/issues/645 https://github.com/PolymerLabs/html-modules-toolkitw)5.-5FNQMBUF*OTUBOUJBUJPO https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Template-Instantiation.md
WJTJUNZCMPHHJUIVChttps://github.com/sizuhikohttp://blog.open.tokyo.jp