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 / Web Components Update
Search
Kenichiro Kishida
May 27, 2017
Technology
1
660
Polymer / Web Components Update
初夏のJavaScript祭り LTスライド
Kenichiro Kishida
May 27, 2017
Tweet
Share
More Decks by Kenichiro Kishida
See All by Kenichiro Kishida
Code兄弟での CI/CDをいい感じにする方法 / phpstudy-2024-06
sizuhiko
0
190
Webアクセシビリティワークショップを社内でやってみた / phpconfuk-2024
sizuhiko
1
370
デベロッパーよ 健康でいるためには 寝て 旅をして 趣味を持って メンタル大切に / DE-RADIO-2023-06-26
sizuhiko
0
150
ヘビータブユーザーが ワークスペースの利用でどのように変わったか / 2023-05-16 Vivaldi User Meetup TOKYO 2023
sizuhiko
0
330
Node.js v18 ベースイメージを使った AWS Lambda アプリ開発におけつ光と影 / 2023-04-23 JavaScript Fes
sizuhiko
0
210
@swc-node/jest を使って テストを高速化する/jsfes-2022
sizuhiko
0
390
Rails 7の採用提案で注目を集め始めた Import maps の過去、現在、そして未来について/de radio 2
sizuhiko
2
1.4k
勉強会主体で サービスを作るということ/esm-meetup-3
sizuhiko
0
350
オンライン勉強会や イベントで 盛り上がりを共有したい!/jsfes2021-summer
sizuhiko
0
720
Other Decks in Technology
See All in Technology
Claude Codeを駆使した初めてのiOSアプリ開発 ~ゼロから3週間でグローバルハッカソンで入賞するまで~
oikon48
10
4.8k
今この時代に技術とどう向き合うべきか
gree_tech
PRO
2
2k
能登半島地震において デジタルができたこと・できなかったこと
ditccsugii
0
250
ニッポンの人に知ってもらいたいGISスポット
sakaik
0
160
Geospatialの世界最前線を探る [2025年版]
dayjournal
1
240
AWS Control Tower に学ぶ! IAM Identity Center 権限設計の第一歩 / IAM Identity Center with Control Tower
y___u
1
200
Liquid AI Hackathon Tokyo プレゼン資料
aratako
0
110
「れきちず」のこれまでとこれから - 誰にでもわかりやすい歴史地図を目指して / FOSS4G 2025 Japan
hjmkth
1
320
防災デジタル分野での官民共創の取り組み (2)DIT/CCとD-CERTについて
ditccsugii
0
310
能登半島地震で見えた災害対応の課題と組織変革の重要性
ditccsugii
0
1k
プロポーザルのコツ ~ Kaigi on Rails 2025 初参加で3名の登壇を実現 ~
naro143
1
250
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
2.8k
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.8k
It's Worth the Effort
3n
187
28k
Being A Developer After 40
akosma
91
590k
Side Projects
sachag
455
43k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Producing Creativity
orderedlist
PRO
347
40k
Statistics for Hackers
jakevdp
799
220k
Typedesign – Prime Four
hannesfritz
42
2.8k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Six Lessons from altMBA
skipperchong
29
4k
For a Future-Friendly Web
brad_frost
180
10k
Transcript
1PMZNFS 8FC$PNQPOFOUT 6QEBUF ॳՆͷ+BWB4DSJQUࡇΓCZ!TJ[VIJLP
,FOJDIJSP,JTIJEB 5PLZP +"1"/ TJ[VIJLP!HNBJMDPN !TJ[VIJLP IUUQTHJUIVCDPNTJ[VIJLP IUUQCMPHPQFOUPLZPKQ 2QN[OGTEQGFQ
େࣄͳ͜ͱ࠷ॳʹ
ͦ͏ͩ1PMZNFS͓͏ 1PMZNFS
1PMZNFS https://www.polymer-project.org
w8FC$PNQPOFOUT w%BUB#JOEJOH w#FIBWJPST w)FMQFST w.BUFSJBM%FTJHO w$-*5PPMT
8FC$PNQPOFOUT w4IBEPX%0. w$VTUPN&MFNFOUT w)5.-*NQPSUT w)5.-5FNQMBUFT https://github.com/w3c/webcomponents
10.15 2016 5.27 2017 ▶︎
Shadow DOM Native Support • Chrome • Opera •Chrome •Opera
•Safari ▶︎ New
Custom Elements Catalog • polymer -project.org • open -elements.org •
custom -elements.io webcomponents .org ▶︎
None
Polymer Versions • 1.7.0 stable • 2.0 preview • 89
releases • 1.9.1 stable • 2.0.0 stable • 109 releases ▶︎ Up
Polymer CLI Versions 0.13.0 1.1.0 ▶︎ Up
Browser Support • IE10 • IE11 • Edge • Chrome
• Safari • Firefox ▶︎ Del • IE10 • IE11 • Edge • Chrome • Safari • Firefox
Polyfill Versions 0.7.22 1.0.1 ▶︎ Up Shadow DOM v0 Shadow
DOM v1
Web Components Libraries • bosonic 1.0 • SkateJS 3.1.2 •
x-tag 1.5.11 ▶︎ Up • bosonic 1.0 • SkateJS 4.6.7 • x-tag 1.5.11 • slim.js New
Polymer 1.x Polymer 2.x ▶︎
Polymer 2.x • ଞϥΠϒϥϦͱͷޓੑ্ • Polymer.dom͕ഉআ͞Εͨ • σʔλγεςϜͷվળ • σόοά͕༰қʹͳΔ
• ES6αϙʔτ • αΠζ͕࠷େͰ1/4ʹͳΔ
࠾༻ࣄྫ
(PPHMF*0bʮ'VUVSF GBTUFS6OMPDLUIFQPXFSPG8FC$PNQPOFOUTXJUI1PMZNFSʯηογϣϯΑΓʢҰ෦Ճ͋Γʣ
700 Projects Google Earth (PPHMF*0bʮ'VUVSF GBTUFS6OMPDLUIFQPXFSPG8FC$PNQPOFOUTXJUI1PMZNFSʯηογϣϯΑΓ
w1PMZNFSDPFEP w(PPHMF$PEFMBCTͷϋϯζΦϯ NFFUVQ -5େձ 044׆ಈ wQPMZNFSDPFEPEPPSLFFQFSKQ w1PMZNFS+"1"/ 'BDFCPPL(SPVQ 2QN[OGTEQGFQ
ίϛϡχςΟ׆ಈ
6TF5IF1MBUGPSN
ͦ͏ͩ1PMZNFS͓͏ 1PMZNFS
WJTJUNZCMPHHJUIVC https://github.com/sizuhiko http://blog.open.tokyo.jp