Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Polymer の update に見る Web Components の過去/現在、そして未来 / jsfes-2017-autumn
Search
Kenichiro Kishida
November 18, 2017
Technology
1
4.5k
Polymer の update に見る Web Components の過去/現在、そして未来 / jsfes-2017-autumn
秋のJavaScript祭 in mixi 2017 のスライドです。
https://javascript-fes.doorkeeper.jp/events/66335
Kenichiro Kishida
November 18, 2017
Tweet
Share
More Decks by Kenichiro Kishida
See All by Kenichiro Kishida
Code兄弟での CI/CDをいい感じにする方法 / phpstudy-2024-06
sizuhiko
0
75
Webアクセシビリティワークショップを社内でやってみた / phpconfuk-2024
sizuhiko
1
160
デベロッパーよ 健康でいるためには 寝て 旅をして 趣味を持って メンタル大切に / DE-RADIO-2023-06-26
sizuhiko
0
75
ヘビータブユーザーが ワークスペースの利用でどのように変わったか / 2023-05-16 Vivaldi User Meetup TOKYO 2023
sizuhiko
0
220
Node.js v18 ベースイメージを使った AWS Lambda アプリ開発におけつ光と影 / 2023-04-23 JavaScript Fes
sizuhiko
0
110
@swc-node/jest を使って テストを高速化する/jsfes-2022
sizuhiko
0
260
Rails 7の採用提案で注目を集め始めた Import maps の過去、現在、そして未来について/de radio 2
sizuhiko
2
1.3k
勉強会主体で サービスを作るということ/esm-meetup-3
sizuhiko
0
300
オンライン勉強会や イベントで 盛り上がりを共有したい!/jsfes2021-summer
sizuhiko
0
630
Other Decks in Technology
See All in Technology
Luupの開発組織におけるインシデントマネジメントの変遷 ver.RoadtoSRENEXT2024
grimoh
1
270
サービス開発を前に進めるために 新米リードエンジニアが 取り組んだこと / Steps Taken by a Novice Lead Engineer to Advance Service Development
nologyance
0
180
AWSで”最小権限の原則”を実現するための考え方 /20240722-ssmjp-aws-least-privilege
opelab
10
4.4k
Docker互換のセキュアなコンテナ実行環境「Podman」超入門
devops_vtj
6
3.2k
[I/O Extended Android 2024] What`s new in Android 2024
kyeongwan
0
220
Classmethod Odyssey 登壇資料
yamahiro
0
390
Git 研修 Basic【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
310
テストケースの自動生成に生成AIの導入を試みた話と生成AIによる今後の期待
shift_evolve
0
190
コミュニティサービスに「あなたへ」フィードを リリースするまでの試行錯誤
takapy
1
150
OSSコミットしてZennの課題を解決した話
dyoshikawa1993
0
150
累計ダウンロード数1億8000万を超えるアプリケーションプラットフォームのレガシーシステム脱却とモダン化への道
kmitsuhashi
0
120
フルリモートワークはエンジニアの夢を叶えたか? #cm_odyssey
mamohacy
2
600
Featured
See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
35
4.4k
Become a Pro
speakerdeck
PRO
15
4.8k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
5 minutes of I Can Smell Your CMS
philhawksworth
200
19k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
KATA
mclloyd
20
13k
The Invisible Side of Design
smashingmag
294
50k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
The Mythical Team-Month
searls
217
43k
How STYLIGHT went responsive
nonsquared
93
5k
The Cult of Friendly URLs
andyhume
75
5.9k
Designing Experiences People Love
moore
136
23k
Transcript
1PMZNFSͷVQEBUFʹݟΔ 8FC$PNQPOFOUTͷ աڈݱࡏɺͦͯ͠ະདྷ ळͷ+BWB4DSJQUࡇJONJYJ ,FOJDIJSP,JTIJEB !TJ[VIJLP
,FOJDIJSP,JTIJEB 5PLZP +"1"/ TJ[VIJLP!HNBJMDPN !TJ[VIJLP IUUQTHJUIVCDPNTJ[VIJLP IUUQCMPHPQFOUPLZPKQ
)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$PNQPOFOUT w4IBEPX%0. w$VTUPN&MFNFOUT w)5.-*NQPSUT w)5.-5FNQMBUFT https://github.com/w3c/webcomponents
4IBEPX%0.
$VTUPN&MFNFOUT 定義: class MyPolymerElement extends Polymer.Element { ... } customElements.define('my-polymer-element',
MyPolymerElement); 利用方法: <my-polymer-element></my-polymer-element>
)5.-5FNQMBUF <dom-module id="x-custom"> <template> Hello World from <span id="name"></span>! </template>
<script> class MyElement extends Polymer.Element { static get is() { return 'x-custom' } ready() { super.ready(); this.$.name.textContent = this.tagName; } } </script> </dom-module>
)5.-*NQPSUT <head> <link rel="import" href="/path/to/imports/stuff.html"> </head>
1PMZNFS https://www.polymer-project.org
None
)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.-קࠂ
)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.-קࠂ
6TF5IF1MBUGPSN
w1PMZNFS&MFNFOUεʔύʔΫϥε wΠϕϯτϋϯυϦϯά wσʔλγεςϜ wϔϧύʔΤϨϝϯτ w$-*πʔϧ
ຊͰʜ
https://polymer-jp.org/
5.27 2017 11.28 2017 ▶︎
Polymer Versions • 1.9.1 stable • 2.0.0 stable • 109
releases • 1.11.0 stable • 2.2.0 stable • 124 releases ▶︎ Up Up Up
Polymer CLI Versions 1.1.0 1.5.7 ▶︎ Up
Polyfill Versions 1.0.1 1.0.17 ▶︎ Up Bower Bower
• bosonic 1.0 • SkateJS 5.0.7-β3 • x-tag 1.5.11 •
Slim.js 3.0.6 Web Components Libraries • bosonic 1.0 • SkateJS 4.6.7 • x-tag 1.5.11 • Slim.js 2.9.9 ▶︎ Up Up
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.PEVMFT What’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 ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅ ✅
#PXFS What’s Next for Polymer (Polymer Summit 2017) ΑΓ
5PEBZ .BOBHFT%FQFOEFODJFT ✅ ✅ 3FTPMDFT7FSTJPO$POqJDUT ✅ ✅ *OTUBMMT'MBU%FQFOEFODZ5SFF ✅ ✅ "DUJWF$PNNVOJUZ ✅ ❌
:BSO OQN What’s Next for Polymer (Polymer Summit 2017) ΑΓ
✅ .BOBHFT%FQFOEFODJFT ✅ 3FTPMDFT7FSTJPO$POqJDUT ✅ *OTUBMMT'MBU%FQFOEFODZ5SFF ✅ "DUJWF$PNNVOJUZ
4&04IBSJOH https://render-tron.appspot.com/
8FBSFGSJFOET https://custom-elements-everywhere.com/
ͦ͏ͩ1PMZNFS͓͏
WJTJUNZCMPHHJUIVC https://github.com/sizuhiko http://blog.open.tokyo.jp