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
51
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
ボトムアップ文化が強い組織で セキュリティをどう根付かせていくかの現在進行形の話 / Making Security Stick in a Bottom-Up Organization
yamaguchitk333
0
210
生成 AI の基礎 〜 サンプル実装で学ぶ基本原理
enakai00
7
4.4k
Master Dataグループ紹介資料
sansan33
PRO
1
4.8k
Head First モブプログラミング / Head First Mobprogramming
takaking22
9
12k
強化学習「理論」入門
enakai00
3
3.6k
猫付きpingコマンドを自作
uyuki234
0
200
ガバメントクラウドでのランサムウェア対策
techniczna
2
1.1k
モノリス Rails でも日中に rails db:migrate を走らせたい! / Daytime rails db:migrate on Monolithic Rails!
euglena1215
4
580
モバイルアプリ開発概論2026
recruitengineers
PRO
5
560
ブラウザ研修 2026
recruitengineers
PRO
6
910
取引先から届く 「セキュリティチェックシート」の読み解き方
kamadamakoto
0
140
PLATEAU で バーチャル花火大会
tatsuya1970
0
140
Featured
See All Featured
Avoiding the “Bad Training, Faster” Trap in the Age of AI
tmiket
0
200
Art, The Web, and Tiny UX
lynnandtonic
304
22k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
ラッコキーワード サービス紹介資料
rakko
1
4.3M
Paper Plane (Part 1)
katiecoart
PRO
1
10k
[SF Ruby Conf 2025] Rails X
palkan
2
1.3k
My Coaching Mixtape
mlcsv
0
220
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.8k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
210
Git: the NoSQL Database
bkeepers
PRO
432
67k
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
200
Facilitating Awesome Meetings
lara
57
7.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.ɾɾɾ֎ͷੈքͱதͷੈքΛͰ͖Δ
͋Γ͕ͱ͏͍͟͝·ͨ͠