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
20190228_webcomponents.pdf
Search
ozaki25
February 28, 2019
Technology
52
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
680
20200721_web_vitals.pdf
ozaki25
0
130
20200624_web_otp_api.pdf
ozaki25
1
150
Other Decks in Technology
See All in Technology
Azure Cost Management の FOCUS コストデータを迷わず読むための“3つの軸”
tetsuyaooooo
0
140
AIで実装は速くなった。なのにプロダクトは速くならない。職能の壁を越えて価値のフローを設計する
nwiizo
6
7.1k
Benchmarking Vector Databases: pgvector vs. LanceDB
tsho
0
140
生成AI時代の クレデンシャルとパーミッション設計
nrinetcom
PRO
3
1.5k
module Synths; end
asonas
1
110
多摩川(.dev)ランニング入門 / Tamagawa.dev#3
fujiwara3
3
360
Genie Code ワークショップ 応用編 / Genie-Code-Workshop-advanced
databricksjapan
PRO
0
340
生成AIのテナント制御とシャドーMCP対策 | AIを"止めずに"、情報を守る
yukun
0
120
KAEN Company Deck
kaen
PRO
0
320
Amazon S3 Tablesに全部任せてみた結果——コンパクション/スナップショット管理は本当に手放せるか
shigeruoda
0
390
全員がプロダクトへ向き合う組織を持続成長させるために——組織づくりのフライホイールと4象限 / The Flywheel Model and Four Quadrants for Organizational Design
hiro_torii
3
830
[DroidKaigi 2026] Making UI specifications visible: Android UI development in the AI agent era supported by Compose Screenshot Testing and galleries
syarihu
0
570
Featured
See All Featured
30 Presentation Tips
portentint
PRO
1
390
Building Adaptive Systems
keathley
44
3.2k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
320
Site-Speed That Sticks
csswizardry
13
1.5k
Designing for Performance
lara
611
70k
Crafting Experiences
bethany
1
290
Effective software design: The role of men in debugging patriarchy in IT @ Voxxed Days AMS
baasie
0
510
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.8k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
230
A Guide to Academic Writing Using Generative AI - A Workshop
ks91
PRO
1
420
Game over? The fight for quality and originality in the time of robots
wayneb77
1
260
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
810
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.ɾɾɾ֎ͷੈքͱதͷੈքΛͰ͖Δ
͋Γ͕ͱ͏͍͟͝·ͨ͠