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
620
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
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
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
スレットハンティングについて知っておきたいこと
hacket
0
130
初中級者用如何使用backlog -VALE TUDOEDITION-
in0u
0
140
AWSでRAGを作る法方
sonoda_mj
1
140
楽しくGoを学び合う、LayerXの勉強会文化 / LayerX's study culture of having fun and learning Go together
ar_tama
2
350
[2024最新版]AWS Control Towerを使ったセキュアなマルチアカウント環境の作り方
hiashisan
0
270
Classmethod Odyssey 登壇資料
yamahiro
0
390
ゆめみのアクセシビリティの現在地と今後
ryokatsuse
3
290
[NIKKEI Tech Talk]Bias for Action!! 実践から学ぶための仕組とコミュニティ / Community for Practice and Learning
kanamasa
0
280
Azure AI ことはじめ
tsubakimoto_s
0
130
Git 研修 Basic【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
310
20240724_cm_odyssey_hibiyatech
hiashisan
0
110
Featured
See All Featured
Practical Orchestrator
shlominoach
185
10k
How STYLIGHT went responsive
nonsquared
93
5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
26
1.6k
No one is an island. Learnings from fostering a developers community.
thoeni
17
2.8k
The Cost Of JavaScript in 2023
addyosmani
31
4.7k
Side Projects
sachag
451
42k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Infographics Made Easy
chrislema
238
18k
Docker and Python
trallard
37
2.9k
Rebuilding a faster, lazier Slack
samanthasiow
78
8.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
12
3.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
399
65k
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