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
110
カオスなフロントエンドと戦うために
nus3
September 24, 2020
Tweet
Share
More Decks by nus3
See All by nus3
ワタシとPodcast
yotahada3
2
770
Do you like Storybook?
yotahada3
2
3.8k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
3
660
App Runner & Next.js
yotahada3
0
88
frontend-couse03
yotahada3
1
77
frontend-couse02.pdf
yotahada3
0
51
Frontend couse01
yotahada3
0
180
sot-podcast
yotahada3
0
1.7k
Before starting vue
yotahada3
0
13k
Other Decks in Programming
See All in Programming
冗長なエラーログを削減し、スタックトレースを手に入れる / Reducing Verbose Error Logs and Obtaining Stack Traces
upamune
0
450
見た目から始める生産性向上
ikumatadokoro
7
820
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
1
180
Git Lint
bkuhlmann
4
750
MicrosoftのPlatform Engineeringガイドを読んで実際になにかやってみた
ymd65536
1
300
Code Reviews
bkuhlmann
4
890
Java 22 Overview
kishida
1
180
2 週間で Twitter Bot を作ってみた
contour_gara
0
270
入門 AWS Amplify Gen2 / Introduction to AWS Amplify Gen2
genkiogasawara
1
330
try! Swift Tokyo 2024のLT枠に採択されたプロポーザルを出すときに考えていたこと
ski
0
350
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
26
8.2k
DMMプラットフォームがTiDB Cloudを採用した背景
pospome
8
4k
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
73
5.2k
Build The Right Thing And Hit Your Dates
maggiecrowley
24
2k
Design by the Numbers
sachag
274
18k
Thoughts on Productivity
jonyablonski
58
3.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
120
39k
Typedesign – Prime Four
hannesfritz
36
2.1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
40
4.4k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.6k
How to Ace a Technical Interview
jacobian
272
22k
VelocityConf: Rendering Performance Case Studies
addyosmani
320
23k
Unsuck your backbone
ammeep
663
57k
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ͷϝιουʹͳΔʁ