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
ozaki25
February 28, 2019
Technology
54
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
20190228_webcomponents.pdf
ozaki25
February 28, 2019
More Decks by ozaki25
See All by ozaki25
20210526_a11y.pdf
ozaki25
0
210
20210525_react_next.pdf
ozaki25
0
160
Webフロントエンドはなぜ複雑なのか
ozaki25
1
150
utility first css
ozaki25
0
120
20201225_how_to_learn_technology.pdf
ozaki25
0
190
20201124_blitz.pdf
ozaki25
0
110
20200727_liff_app.pdf
ozaki25
1
690
20200721_web_vitals.pdf
ozaki25
0
130
20200624_web_otp_api.pdf
ozaki25
1
150
Other Decks in Technology
See All in Technology
分析の民主化を支えるメタデータ整備の実践
kakehashi
PRO
4
1.4k
Refining Active Record
shugo
0
150
Optunaの最新リリースv5.0について
pfn
PRO
0
120
20261017福岡devIO 「AIは"良いダッシュボード"を作れるか?
jtakeda
0
140
実践! SRE × AI - ABEMA における AIOps -
tetsuya28
8
3.1k
サブエージェントと Claude Mods で作る独自 Advisor ツールの話
kenichiodo
2
160
実践!Cloud Run ハンズオン!! / Cloud Run handson
y0hgi
2
280
"優秀な誰か"の下位互換にならないために
yut0naga1_fa
1
1.8k
ブラウザとサーバーから考えるAI時代のフロントエンド監視
shogo4131
3
940
大型犬好きによるPugの紹介
yamanoku
1
160
フロントエンドカンファレンス関西2026 - 速すぎるUIに、待ち時間を
teamlab
PRO
0
130
スプシの手作業からの解脱 ~更新はClaude Codeに、見せ方と使い方はGASアプリに任せる~
kentarofujii
0
150
Featured
See All Featured
Paper Plane
katiecoart
PRO
5
54k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
550
Become a Pro
speakerdeck
PRO
31
6.3k
Balancing Empowerment & Direction
lara
6
1.3k
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
Claude Code のすすめ
schroneko
67
230k
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
2
950
Discover your Explorer Soul
emna__ayadi
2
1.3k
How to Think Like a Performance Engineer
csswizardry
28
2.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Leo the Paperboy
mayatellez
10
2.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6.1k
Transcript
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.ɾɾɾ֎ͷੈքͱதͷੈքΛͰ͖Δ
͋Γ͕ͱ͏͍͟͝·ͨ͠