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
360
デベロッパーよ 健康でいるためには 寝て 旅をして 趣味を持って メンタル大切に / 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
710
Other Decks in Technology
See All in Technology
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
30k
ヘブンバーンズレッドのレンダリングパイプライン刷新
gree_tech
PRO
0
440
「魔法少女まどか☆マギカ Magia Exedra」の必殺技演出を徹底解剖! -キャラクターの魅力を最大限にファンに届けるためのこだわり-
gree_tech
PRO
0
440
まだ間に合う! StrandsとBedrock AgentCoreでAIエージェント構築に入門しよう
minorun365
PRO
11
720
「魔法少女まどか☆マギカ Magia Exedra」のグローバル展開を支える、開発チームと翻訳チームの「意識しない協創」を実現するローカライズシステム
gree_tech
PRO
0
440
見てわかるテスト駆動開発
recruitengineers
PRO
6
2.4k
AWSで推進するデータマネジメント
kawanago
0
840
Oracle Cloud Infrastructure:2025年8月度サービス・アップデート
oracle4engineer
PRO
0
170
【Grafana Meetup Japan #6】Grafanaをリバプロ配下で動かすときにやること ~ Grafana Liveってなんだ ~
yoshitake945
0
220
kubellが考える戦略と実行を繋ぐ活用ファーストのデータ分析基盤
kubell_hr
0
120
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発
yug1224
10
3.6k
個人CLAUDE.md紹介と設定から学んだこと/introduce-my-claude-md
shibayu36
0
160
Featured
See All Featured
The Invisible Side of Design
smashingmag
301
51k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Code Reviewing Like a Champion
maltzj
525
40k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.5k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
11
1.1k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
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