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
カオスなフロントエンドと戦うために
Search
nus3
September 24, 2020
Programming
0
170
カオスなフロントエンドと戦うために
nus3
September 24, 2020
Tweet
Share
More Decks by nus3
See All by nus3
Playwrightはどのようにクロスブラウザをサポートしているのか
yotahada3
7
2.5k
DenoでOpenTelemetryに入門する
yotahada3
2
510
WebDriver BiDiとは何なのか
yotahada3
1
510
コンポーネントテストの手法と その効果を考える
yotahada3
8
1.8k
フロントエンドクイズ大会
yotahada3
0
120
Node.jsのWorker threadsの話
yotahada3
1
1.3k
ワタシとPodcast
yotahada3
2
1.6k
Do you like Storybook?
yotahada3
2
4.4k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
3
850
Other Decks in Programming
See All in Programming
AI駆動で0→1をやって見えた光と伸びしろ
passion0102
1
870
O Que É e Como Funciona o PHP-FPM?
marcelgsantos
0
210
マンガアプリViewerの大画面対応を考える
kk__777
0
370
ドメイン駆動設計のエッセンス
masuda220
PRO
13
4.4k
ALL CODE BASE ARE BELONG TO STUDY
uzulla
28
6.7k
AI時代に必須!状況言語化スキル / ai-context-verbalization
minodriven
2
120
あなたとKaigi on Rails / Kaigi on Rails + You
shimoju
0
190
CSC305 Lecture 12
javiergs
PRO
0
240
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
910
Webサーバーサイド言語としてのRustについて
kouyuume
1
4.9k
CSC509 Lecture 06
javiergs
PRO
0
270
NIKKEI Tech Talk#38
cipepser
0
280
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
930
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
Being A Developer After 40
akosma
91
590k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
Reflections from 52 weeks, 52 projects
jeffersonlam
354
21k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
130k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.7k
A Modern Web Designer's Workflow
chriscoyier
697
190k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Navigating Team Friction
lara
190
15k
Transcript
ΧΦεͳϑϩϯτΤϯυͱ ઓ͏ͨΊʹ /VYUฤ ংষ ΧΦεͳϑϩϯτΤϯυ ϥΠΫϧ-ΤϯδχΞ
ىঝస݁ͷ݁
ϫϨϫϨઃܭࢥΛ ͪΌΜͱܾΊΜͱ͍͔Μ Μʁ ͓લԿߟ͑ͯͳ͔ͬͨΜ͔ʁ
ϥΠΫϧ-Ͱߟ͑ͯΔ ϦϑΝΫλҊ ࢥ Έͯ ϚαΧϦେܴͧ
ىঝస݁ͷى
ϑϩϯτΤϯυɺॻ͍ͯ·͔͢ʁ
Ծ%0. ͕࣮͞ΕͨϑϨʔϜϫʔΫ ͏ػձ૿͖͑ͯ·ͨ͠ΑͶʁ /FYUKT3FBDUͷϩΰͱશવςʔϚ߹ΘͤͯͶ͐
͍ͭ͜Β৭ʑͰ͖·͢ΑͶ
͍ͭ͜Β৭ʑͰ͖·͢ΑͶ +49 4'$ "UPNJDEFTJHO 'VODUJPOBM $PNQPOFOU એݴత6* 443 )PPL 3FEVY
7VFY 3FBDU3PVUFS 7VF3PVUFS 7VFQSPQFSUZEFDPSBUPS ํσʔλόΠϯσ Οϯά $MBTT$PNQPOFOU ͬΆ͍༻ޠͰຒΊਚͦ͘͏ͱ్ͯ͠தͰྗਚ͖ͨεϥΠυ
ىঝస݁ͷঝ
ͳΜͷࢥͳ͘ ϑϨʔϜϫʔΫʹ͍͑ͯΔͱɾɾ
ࠈΛݟΔ ࣗ༝͕͚ͨ͐
ݱࡏͷϥΠΫϧ- ͦͷঢ়ଶʹͳΓͭͭ͋Δɾɾɾ ɾɾͱࢥ͍ͬͯΔ
'JSTUDPNNJU͕ͷ݄ɾɾͩͱɾɾɾ w /VYU 5ZQF4DSJQU 7VFUJGZͱ͔OVYUQSPQFSUZEFDPSBUPSͱ͔ͬͯΔ w "UPNJDEFTJHOΛ࠾༻ w ϥΠϒϥϦબఆઃܭIBEB͕୲
w ͏͙͢Ұ͙Β͍ܦͭ w ը໘ը໘΄Ͳ w ૯ߦ ߦ w ΞΫςΟϒϢʔβਓ ݱࡏͷϥΠΫϧ-
ݱঢ়ͷϥΠΫϧ-ͷ
ᶃNPEFM͕ෳࡶ ݺΜͩʁ
w BQJͷSFRVFTUɾSFTQPOTFͷܕ w DPNQPOFOUͷQSPQͷܕ w ༻͍ͯ͠ΔϥΠϒϥϦͷΤϥʔίʔυͷ ఆͳͲͳͲ ˡNPEFMͷதʹɾɾɾ ͳΜͰೖͬͯΔ
ᶄ1BHFͷංେԽ ࠷ۙϦϞʔτϫʔΫͷ͓͔͛ͰLHଠͬͨΜͩΑͶ
w BQJͷϨεϙϯεΛίϯϙʔωϯτͷQSPQͷܕʹม͢Δ w ࢠίϯϙʔωϯτͷঢ়ଶΛཧ͢ΔTUBUF EBUB Λ࣋ͭ w ࢠίϯϙʔωϯτͷΠϕϯτϋϯυϦϯά w ίϯϙʔωϯτͷϥΠϑαΠΫϧ
w TUPSFͷΞΫηε w ࢠίϯϙʔωϯτͷQSPQTͷॳظͷఆٛͳͲ QBHFͷίʔυྔ͕ଟ͘ͳΔ
ᶅ҉తͳϧʔϧ ϦϯάϑΟ ӡಈ ͨ͠Β͝൧৯Δྔ૿͑ͨΜͩΑͶ
w ͦͦߟ͕͑ෆ IBEBͷ/VYUෆ ͍ͯͨ͠ w ࣌ͷߟ͑ ઃܭࢥ ΛυΩϡϝϯτʹͯ͠ͳ͍ w ࠶ઃܭ͢ΔΑΓ৽ػೳͷ࣮Λ༏ઌ͍ͯͨ͠
͜ͷ··Ͱ͔͋Μɾɾ
ͪΌΜͱࢥΛߟ͑ͯ ͦΕʹଇͬͨϦϑΝΫλͤΜͱ
ىঝస݁ͷస
ࠓճͷϦϑΝΫλҊ
ɾɾɾͷલʹ ϥΠΫϧ-ͷݱঢ় ίʔυ
NJEEMFXBSF TUPSF SFEVY QSPQT DPNQVUFE NFUIPET MJGFDZDMF EBUB TUBUF
EFDPSBUPS આ໌͍ͩͿંͬͯ·͢ɺ͢Έ·ͤΜ͢Έ·ͤΜ
SPVUFS QBHFTԼʹWVFϑΝΠϧΛஔ͘ͱ Α͠ͳʹϧʔςΟϯάͯ͘͠ΕΔ
վΊͯ ࠓճͷϦϑΝΫλҊ
None
None
QBHF
QBHF 3PVUFS .JEEMFXBSF ͷΈ
DPOUBJOFS w DPOUBJOFS QSFTFOUFS VTFDBTF ରͷؔʹͯ͠Δ
DPOUBJOFS DPNQVUFEͰ6TF$BTFͱ1SFTFOUFSΛ࣋ͭ
6TF$BTF
6TF$BTF ϏδωεϩδοΫॻ͘ͱ͜
3FQPTJUPSZ
3FQPTJUPSZ Ұ൪֎ଆͷ෦
1SFTFOUFS
1SFTFOUFS EBUBͷมͱॳظͷηοτ
DPOUBJOFS
DPOUBJOFS 4UVC؆୯ ಉ͡ৼΔ͍ͷSFQPTJUPSZΛ%*͢Ε͍͍͚ͩ
$PNQVUFE HFU ϞοΫͰ͖ΔͷͰ ςετ؆୯ʹॻ͚Δͣ
6TF$BTFͷѻ͍ ݒ೦ ͜ΕͰΑ͔ͬͨΜΖ͔
6TF$BTFͷѻ͍ ᶃ6TF$BTFDPOUBJOFS QBHF ͱରͰ͍͍ͷ͔ ᶄ6TF$BTFͷϝιου3FQPTJUPSZͷϝιουʹͳΔʁ