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
デベロッパーよ 健康でいるためには 寝て 旅をして 趣味を持って メンタル大切に / DE-RADIO-2023-06-26
sizuhiko
0
66
ヘビータブユーザーが ワークスペースの利用でどのように変わったか / 2023-05-16 Vivaldi User Meetup TOKYO 2023
sizuhiko
0
190
Node.js v18 ベースイメージを使った AWS Lambda アプリ開発におけつ光と影 / 2023-04-23 JavaScript Fes
sizuhiko
0
110
@swc-node/jest を使って テストを高速化する/jsfes-2022
sizuhiko
0
230
Rails 7の採用提案で注目を集め始めた Import maps の過去、現在、そして未来について/de radio 2
sizuhiko
2
1.2k
勉強会主体で サービスを作るということ/esm-meetup-3
sizuhiko
0
290
オンライン勉強会や イベントで 盛り上がりを共有したい!/jsfes2021-summer
sizuhiko
0
600
E2Eテストに向き合う/PHPerKaigi2020
sizuhiko
1
2.3k
PHPを学ぶということ / phpcon-2019
sizuhiko
1
1.8k
Other Decks in Technology
See All in Technology
require(ESM)とECMAScript仕様
uhyo
3
710
FrontDoorとWebAppsを組み合わせた際のリダイレクト処理の注意点
kenichirokimura
1
520
Vertex AI を中心に 生成AIのアップデートを共有します
kaz1437
0
310
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
130
MapLibreとAmazon Location Service
dayjournal
1
160
SIEMを用いて、セキュリティログ分析の可視化と分析を実現し、PDCAサイクルを回してみた
coconala_engineer
0
320
「スニダン」開発組織の構造に込めた意図 ~組織作りはパッションや政治ではない!~
rinchsan
3
570
TechFeed Experts Night#27 〜 フロントエンドフレームワーク最前線 (Svelte)
baseballyama
1
520
VSCodeの拡張機能を作っている話
ebarakazuhiro
1
410
DMM.com アルファ室採用案内資料
hsugita
1
150
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
210
プラットフォームってつくることより計測することが重要なんじゃないかという話 / Platform Engineering Meetup #8
taishin
1
370
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
14
1.5k
A better future with KSS
kneath
231
16k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
What’s in a name? Adding method to the madness
productmarketing
PRO
16
2.6k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
14
1.6k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
40
4.4k
Building Applications with DynamoDB
mza
88
5.6k
Designing Experiences People Love
moore
136
23k
Building Effective Engineering Teams - LeadDev
addyosmani
28
1.8k
Being A Developer After 40
akosma
57
580k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
19
1.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