Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
20190228_webcomponents.pdf
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
ozaki25
February 28, 2019
Technology
56
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
20190228_webcomponents.pdf
ozaki25
February 28, 2019
Transcript
31 slides
8FC$PNQPOFOUTΛͬͯΈΑ͏ʂ
࣍ 8FC$PNQPOFOUTͱ 8FC$PNQPOFOUTͷαϯϓϧ 8FC$PNQPOFOUTΛͬͯΈΔ 8FC$PNQPOFOUTͷཁૉٕज़
8FC$PNQPOFOUTͷ׆༻໘ 8FC$PNQPOFOUTͷपลٕज़ ·ͱΊ
8FC$PNQPOFOUTͱ
8FC$PNQPOFOUTͱ w ҰݴͰ͍͏ͱ w ಠࣗͷ).5-λάΛ࡞ͬͯ͏͜ͱ͕Ͱ͖Δٕज़ IUNM CPEZ I)FMMP8PSMEI
NZDPNQPOFOUNZDPNQPOFOU CPEZ IUNM
8FC$PNQPOFOUTͷαϯϓϧ
Ͳ͜Ͱ͔ͬͨ w ϑΝΠϧΞοϓϩʔυػೳͰ8FC$PNQPOFOUTΛ༻ w ϑΝΠϧΛબ w 4ʹΞοϓϩʔυ͞ΕΔ w Ξοϓϩʔυઌͷ63-͕ೖྗҬʹૠೖ͞ΕΔ
Ͳ͜Ͱ͔ͬͨ
ͳ͔ͥͬͨ w ϒϥβ͔Β4ʹΞοϓϩʔυ͢Δͷ͔ͳΓ໘ w ͦͷ໘ͳॲཧΛΞϓϦʹຒΊࠐΈͨ͘ͳ͔ͬͨ 8FC$PNQPOFOUTʹӅณ w ؆୯ʹ͍ճͤΔΑ͏ʹ͔ͨͬͨ͠ 8FC$PNQPOFOUT؆୯ʹ͍ճͤΔ
8FC$PNQPOFOUTΛͬͯΈΔ
˞ҙ˞ w /PEF͕ΠϯετʔϧࡁΈͰ͋Δ͜ͱΛલఏͱ͠·͢ w $ISPNF'JSF'PYͱ͍ͬͨϞμϯͳϒϥβΛલఏͱ͠·͢
ϑΝΠϧΞοϓϩʔυίϯϙʔωϯτΛ͏ w αϯϓϧΞϓϦͰ࡞ͬͨίϯϙʔωϯτΛͬͯΈΔ దͳσΟϨΫτϦʹJOEFYIUNMΛ࡞͢Δ JOEFYIUNMʹҎԼͷ༰Λهड़͢Δ
YVQMPBEFSYVQMPBEFS TDSJQUTSDIUUQTYYYYYOFUMJGZDPNVQMPBEFSJOEFYKTTDSJQU JOEFYIUNM͕͋ΔσΟϨΫτϦͰҎԼͷίϚϯυΛ࣮ߦ OQYTFSWF IUUQMPDBMIPTUJOEFYIUNMʹΞΫηε ͨͬͨ͜Ε͚ͩͰ4ͷ ϑΝΠϧΞοϓϩʔυػ ೳΛ࣮ྃ
ϑΝΠϧΞοϓϩʔυίϯϙʔωϯτΛ͏ JOEFYIUNMͷඌʹҎԼͷίʔυΛՃ͢Δͱ Ξοϓϩʔυͨ͠ϑΝΠϧʹΞΫηεͰ͖ΔΑ͏ʹͳΔ TDSJQU
XJOEPXBEE&WFOU-JTUFOFS VQMPBEFE GVODUJPO F \ DPOTU\ EFUBJM\VSM OBNF^ ^F DPOTPMFMPH \VSM OBNF^ DPOTUQEPDVNFOUDSFBUF&MFNFOU Q DPOTUMJOLEPDVNFOUDSFBUF&MFNFOU B DPOTUUFYUEPDVNFOUDSFBUF5FYU/PEF OBNF MJOLTFU"UUSJCVUF ISFG VSM MJOLBQQFOE$IJME UFYU QBQQFOE$IJME MJOL EPDVNFOUCPEZBQQFOE$IJME Q ^ TDSJQU ࣮༰ͷઆ໌ׂѪ 8FC$PNQPOFOUTͰൃՐͨ͠ ΠϕϯτΛड͚औͬͯ·͢
ϑΝΠϧΞοϓϩʔυίϯϙʔωϯτΛ͏
8FC$PNQPOFOUTΛͬͯΈΑ͏ʂ w ͔ͤͬ͘ͳͷͰ͏Ұωλ JOEFYIUNMʹҎԼͷ༰ΛՃ ͖ͬ͞ͷϑΝΠϧͰ৽نϑΝΠϧͰ0,
P[BRJJUBP[BRJJUB TDSJQUTSDIUUQTYYYYYOFUMJGZDPNP[BRJJUBJOEFYKTTDSJQU ىಈͯ͠ΞΫηε͢Δ ͖ͬ͞ͱಉ༷ OQYTFSWF IUUQMPDBMIPTUJOEFYIUNM
8FC$PNQPOFOUTΛͬͯΈΑ͏ʂ ͨͬͨ̎ߦՃ͢Δ͚ͩͰ P[BLJ͞ΜͷRJJUBͷ࠷৽هࣄΛ Ͳ͜ʹͰຒΊࠐΉ͜ͱ͕Ͱ͖Δ
8FC$PNQPOFOUTΛͬͯΈΑ͏ʂ ͨͬͨ̎ߦՃ͢Δ͚ͩͰ P[BLJ͞ΜͷRJJUBͷ࠷৽هࣄΛ Ͳ͜ʹͰຒΊࠐΉ͜ͱ͕Ͱ͖Δ
8FC$PNQPOFOUTΛ͍ճͯ͠ΈΑ͏ʂ w ߦՃ͢Δ͚ͩͰ؆୯ʹ8FC$PNQPOFOUTΛ͍ճͤΔͣ w ։ൃதͷΞϓϦʹຒΊࠐΜͰΈ·͢ʂʂ
8FC$PNQPOFOUTͷཁૉٕज़
8FC$PNQPOFOUTͷཁૉٕज़ w ҎԼͷͭͷٕज़͔ΒͳΔ w $VTUPN&MFNFOUT w 4IBEPX%0. w )5.-5FNQMBUF w
)5.-*NQPSU
8FC$PNQPOFOUTͷཁૉٕज़ w ҎԼͷͭͷٕज़͔ΒͳΔ w $VTUPN&MFNFOUT w 4IBEPX%0. w )5.-5FNQMBUF w
)5.-*NQPSU ্ͷ͚͓͚֮ͭͩ͑ͯ0,Ͱ͢
$VTUPN&MFNFOUT w ಠࣗͷ)5.-λάΛ࡞Γग़ٕ͢ज़ ಠࣗλάΛ࡞Δ࠷খߏ ͜Ε͚ͩͰҙຯ͕ͳ͍͚ͲͶ
4IBEPX%0. w 8FC$PNQPOFOUTͷ֎ͷੈքͱதͷੈքΛஅͰ͖Δٕज़ w ผੈքͷTUZMFఆٛͷӨڹΛड͚ͳ͘͢Δ͜ͱ͕Ͱ͖Δ w ผੈքͷ%0.Λૢ࡞Ͱ͖ͳ͘͢Δ͜ͱ͕Ͱ͖Δ ӨڹൣғΛہॴԽͰ͖ΔͷͰՃมߋআ͕͘͢͠ͳΔ
4IBEPX%0. ֎ͷੈքͰఆٛͨ͠IͷTUZMF தͷੈքʹద༻͞Ε͍ͯͳ͍
4IBEPX%0. தͷੈքͰఆٛͨ͠IͷTUZMF ֎ͷੈքʹద༻͞Ε͍ͯͳ͍
8FC$PNQPOFOUTͷ׆༻໘
ͲΜͳ໘Ͱ͑Δ͔ w ը໘ͷଞͷػೳͱ݁߹͕͘ɺผͷΞϓϦͰ͍ճͤΔػೳ w ࠓճ࣮ͨ͠4ͷϑΝΠϧΞοϓϩʔυͷΑ͏ͳ໘ w ࣾΞϓϦͷڞ௨෦ͱ͔
पลٕज़
पลٕज़ w -JU&MFNFOU w 8FC$PNQPOFOUTΛॻ͖͘͢͢ΔϥΠϒϥϦ w 1PMZNFS w ͏աڈͷͷͱͳΓ·ͨ͠ ޙܧ-JU&MFNFOU
w .JDSP'SPOUFOE w αʔόαΠυͷ.JDSPTFSWJDFTͷΑ͏͜ͱΛϑϩϯτΤϯυͰ࣮ݱ w 4IBEPX%0.Λ׆༻͢Δ͜ͱͰ࣮ݱͰ͖Δ
·ͱΊ
·ͱΊ w 8FC$PNQPOFOUTͱ w ಠࣗͷ)5.-λάΛ࡞ΕΔٕज़ w ؆୯ʹ͍ճ͢͜ͱ͕Ͱ͖Δ w 8FC$PNQPOFOUTͷओͳΈ w
$VTUPN&MFNFOUTɾɾɾಠࣗͷ)5.-λάΛ࡞Γग़͢ w 4IBEPX%0.ɾɾɾ֎ͷੈքͱதͷੈքΛͰ͖Δ
͋Γ͕ͱ͏͍͟͝·ͨ͠
More Decks by ozaki25
See All by ozaki25
20210526_a11y.pdf
ozaki25
0
210
20210525_react_next.pdf
ozaki25
0
170
Webフロントエンドはなぜ複雑なのか
ozaki25
1
160
utility first css
ozaki25
0
130
20201225_how_to_learn_technology.pdf
ozaki25
0
190
20201124_blitz.pdf
ozaki25
0
120
20200727_liff_app.pdf
ozaki25
1
690
20200721_web_vitals.pdf
ozaki25
0
130
20200624_web_otp_api.pdf
ozaki25
1
160
Other Decks in Technology
See All in Technology
[dbts2026]数十PBの超巨大データ×AI活用を支えるSnowflakeの実力〜大規模環境におけるアーキテクチャと運用のリアル〜
y_matsubara
0
130
Kiro 入門 (1 つのエージェントを、どの画面からでも) | 目指せ Kiro マスター 01
inariku
PRO
6
1.7k
ライフワーク「猫でもわかるDirectConnect」
kentapapa
0
320
レガシーコードに対する loop engineering的なAI開発プロセス導入について
kubell_hr
0
340
アラートを見直していたら営業組織への理解にちょっとだけ繋がった話
z63d
1
180
Go初心者のクラウドエンジニアが、デプロイを通して旨味を知っていく話
ryudai
1
180
Reticulum, le réseau cypherpunk dont vous avez besoin !
rlifchitz
0
130
これからのデータエンジニアの役割について考える / Rethinking the Role of Data Engineers in the AI Era
okiyuki99
0
420
Biohub - Cell Tracking During Development 5th place solution
rist
0
130
Ebitengine製iOSアプリ公開ボタンを押す会
eiei114
0
120
Context Ontology Accelerator 入門 (業務データの意味を、AI エージェントに渡す)
inariku
PRO
3
660
うちなーぐちが認識できるなら、秋田弁もいけるはず!? Amazon Transcribe方言チューニング検証
ryouto715
1
160
Featured
See All Featured
A better future with KSS
kneath
240
18k
[Rails World 2026] Durable orchestration on Rails: from continuation to workflow
palkan
4
1.2k
Rails Girls Zürich Keynote
gr2m
96
14k
Ten Tips & Tricks for a 🌱 transition
stuffmc
1
280
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
33
5.7k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.4k
Abbi's Birthday
coloredviolet
5
11k
Side Projects
sachag
456
43k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
350
A designer walks into a library…
pauljervisheath
211
25k
Code Reviewing Like a Champion
maltzj
529
40k
For a Future-Friendly Web
brad_frost
184
11k