Slide 1
Slide 1 text
1PMZNFSΛ࢝ΊΔʹ
ʙ1PMZNFSͷհ
1PMZNFS+BQBO.FFUVQ
,FOJDIJSP,JTIJEB
!TJ[VIJLP
Slide 2
Slide 2 text
,FOJDIJSP,JTIJEB
5PLZP
+"1"/
TJ[VIJLP!HNBJMDPN
!TJ[VIJLP
IUUQTHJUIVCDPNTJ[VIJLP
IUUQCMPHPQFOUPLZPKQ
Slide 3
Slide 3 text
)JTUPSZ
Slide 4
Slide 4 text
)5.-קࠂ
9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ
Slide 5
Slide 5 text
"KBY͕༗໊ʹͳΔ
8FCͱ͍͏ϫʔυ͕ൃͨ͠
)5.-קࠂ
9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ
Slide 6
Slide 6 text
J1IPOF͕ൃച
)5.-קࠂ
9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ
"KBY͕༗໊ʹͳΔ
8FCͱ͍͏ϫʔυ͕ൃͨ͠
Slide 7
Slide 7 text
8FC$PNQPOFOUTΛ(PPHMF͕ఏҊ
)5.-קࠂ
9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ
"KBY͕༗໊ʹͳΔ
8FCͱ͍͏ϫʔυ͕ൃͨ͠
J1IPOF͕ൃച
Slide 8
Slide 8 text
5IF&YUFOTJCMF8FC.BOJGFTUP͕ൃද
1PMZNFSWϦϦʔε
)5.-קࠂ
9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ
"KBY͕༗໊ʹͳΔ
8FCͱ͍͏ϫʔυ͕ൃͨ͠
J1IPOF͕ൃച
8FC$PNQPOFOUTΛ(PPHMF͕ఏҊ
Slide 9
Slide 9 text
)5.-קࠂ
1PMZNFS͕ϦϦʔε͞ΕΔ
)5.-קࠂ
9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ
"KBY͕༗໊ʹͳΔ
8FCͱ͍͏ϫʔυ͕ൃͨ͠
J1IPOF͕ൃച
8FC$PNQPOFOUTΛ(PPHMF͕ఏҊ
5IF&YUFOTJCMF8FC.BOJGFTUP͕ൃද
1PMZNFSWϦϦʔε
Slide 10
Slide 10 text
1PMZNFS͕ϦϦʔε͞ΕΔ
)551͕ঝೝ͞ΕΔ
)5.-קࠂ
9.-)UUQ3FRVFTU͕*&ʹ࣮͞ΕΔ
"KBY͕༗໊ʹͳΔ
8FCͱ͍͏ϫʔυ͕ൃͨ͠
J1IPOF͕ൃച
8FC$PNQPOFOUTΛ(PPHMF͕ఏҊ
5IF&YUFOTJCMF8FC.BOJGFTUP͕ൃද
1PMZNFSWϦϦʔε
)5.-קࠂ
1PMZNFS͕ϦϦʔε͞ΕΔ
Slide 11
Slide 11 text
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͕ঝೝ͞ΕΔ
Slide 12
Slide 12 text
)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.-קࠂ
Slide 13
Slide 13 text
No content
Slide 14
Slide 14 text
)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.-קࠂ
Slide 15
Slide 15 text
)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.-קࠂ
Slide 16
Slide 16 text
6TF5IF1MBUGPSN
Slide 17
Slide 17 text
w1PMZNFS&MFNFOUεʔύʔΫϥε
wΠϕϯτϋϯυϦϯά
wσʔλγεςϜ
wϔϧύʔΤϨϝϯτ
w$-*πʔϧ
Slide 18
Slide 18 text
ຊͰʜ
Slide 19
Slide 19 text
1PMZNFS
https://www.polymer-project.org
Slide 20
Slide 20 text
)5.-&MFNFOU
ϓϩύςΟૢ࡞
ςϯϓϨʔτૢ࡞
σʔλόΠϯσΟϯά
࣮ࡍΓ͍ͨࣄ
Slide 21
Slide 21 text
)5.-&MFNFOU
1PMZNFS1SPQFSUZ"DDFTTPST
1PMZNFS5FNQMBUF4UBNQ
1PMZNFS1SPQFSUZ&GGFDUT
1PMZNFS&MFNFOU
Slide 22
Slide 22 text
)5.-&MFNFOU
1PMZNFS&MFNFOU
2.2 KB
3.4 KB
8.8 KB
11 KB
1PMZNFS1SPQFSUZ&GGFDUT
1PMZNFS5FNQMBUF4UBNQ
1PMZNFS1SPQFSUZ"DDFTTPST
Slide 23
Slide 23 text
ˑ ˒˒˒˒˒˒˒
Slide 24
Slide 24 text
class BlogStar extends HTMLElement {
static get observedAttributes() { return ['counter']; }
constructor() {
super();
this._counter = 0;
this.attachShadow({mode: 'open'});
}
connectedCallback() {
if (!this._readied)
this.render();
}
display() {
this.output.innerHTML = '★'.repeat(this.counter);
}
get counter() { return this._counter; }
set counter(value) {
if (value != this._counter) {
this._counter = parseInt(value);
this.setAttribute('counter', value);
}
if (this._readied)
this.display();
}
attributeChangedCallback(attr, oldValue, newValue) {
if (oldValue !== newValue) {
this[attr] = newValue;
}
}
render() {
this._readied = true;
var button = document.createElement('star-selector');
button.addEventListener('click', this.increment.bind(this));
this.shadowRoot.appendChild(button);
this.output = document.createElement('span');
this.shadowRoot.appendChild(this.output);
// Some styles for pretty.
this.style.display = 'block';
this.style.fontSize = '30px';
this.output.style.marginLeft = '10px';
}
}
customElements.define('blog-star', MyHTMLElement);
Slide 25
Slide 25 text
:host {
display: block;
font-size: 30px;
}
span {
margin-left: 10px;
}
[[display(counter)]]
class BlogStar extends Polymer.Element {
static get is() { return 'star-selector'; }
static get properties() {
return {
counter: {type: Number, reflectToAttribute: true}
}
}
display(c) {
return '★'.repeat(c);
}
}
customElements.define('blog-star', BlogStar);
Slide 26
Slide 26 text
https://www.youtube.com/watch?v=assSM3rlvZ8&t=1408s
Slide 27
Slide 27 text
http://aspiring-chauffeur.glitch.me/
Slide 28
Slide 28 text
1PMZNFS4VNNJU
Slide 29
Slide 29 text
What’s Next for Polymer (Polymer Summit 2017) ΑΓ
5FNQMBUF 4IBEPX%0. $VTUPN&MFNFOUT )5.-*NQPSUT
✅ ✅ ✅ ✅
✅ ‼
✅ ✅ ✅ ‼
✅ ‼
✅ ✅ ✅ ✅
Slide 30
Slide 30 text
What’s Next for Polymer (Polymer Summit 2017) ΑΓ
5PEBZ
/BUJWF ‒ ❌
4VQQPSUT%FFQ%FQFOEFODJFT ✅ ✅
'JMF-FWFM
/P#VOEMJOH3FRVJSFE ✅ ✅
)5.-*NQPSUT
Slide 31
Slide 31 text
&4.PEVMFT
What’s Next for Polymer (Polymer Summit 2017) ΑΓ
✅ /BUJWF
✅ 4VQQPSUT%FFQ%FQFOEFODJFT
✅ 'JMF-FWFM
/P#VOEMJOH3FRVJSFE
Slide 32
Slide 32 text
What’s Next for Polymer (Polymer Summit 2017) ΑΓ
5FNQMBUF 4IBEPX%0. $VTUPN&MFNFOUT +4.PEVMFT
✅ ✅ ✅ ✅
✅
✅ ✅ ✅ ✅
✅
✅ ✅ ✅ ✅
Slide 33
Slide 33 text
#PXFS
What’s Next for Polymer (Polymer Summit 2017) ΑΓ
5PEBZ
.BOBHFT%FQFOEFODJFT ✅ ✅
3FTPMDFT7FSTJPO$POqJDUT ✅ ✅
*OTUBMMT'MBU%FQFOEFODZ5SFF ✅ ✅
"DUJWF$PNNVOJUZ ✅ ❌
Slide 34
Slide 34 text
:BSO OQN
What’s Next for Polymer (Polymer Summit 2017) ΑΓ
✅ .BOBHFT%FQFOEFODJFT
✅ 3FTPMDFT7FSTJPO$POqJDUT
✅ *OTUBMMT'MBU%FQFOEFODZ5SFF
✅ "DUJWF$PNNVOJUZ
Slide 35
Slide 35 text
4&04IBSJOH