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
frontend-couse03
Search
nus3
May 24, 2021
Programming
1
100
frontend-couse03
nus3
May 24, 2021
Tweet
Share
More Decks by nus3
See All by nus3
コンポーネントテストの手法と その効果を考える
yotahada3
8
1.3k
フロントエンドクイズ大会
yotahada3
0
36
Node.jsのWorker threadsの話
yotahada3
1
590
ワタシとPodcast
yotahada3
2
1k
Do you like Storybook?
yotahada3
2
4.1k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
3
750
App Runner & Next.js
yotahada3
0
120
frontend-couse02.pdf
yotahada3
0
59
Frontend couse01
yotahada3
0
210
Other Decks in Programming
See All in Programming
Remix on Hono on Cloudflare Workers
yusukebe
1
280
ActiveSupport::Notifications supporting instrumentation of Rails apps with OpenTelemetry
ymtdzzz
1
230
TypeScript Graph でコードレビューの心理的障壁を乗り越える
ysk8hori
2
1.1k
카카오페이는 어떻게 수천만 결제를 처리할까? 우아한 결제 분산락 노하우
kakao
PRO
0
110
アジャイルを支えるテストアーキテクチャ設計/Test Architecting for Agile
goyoki
9
3.3k
「今のプロジェクトいろいろ大変なんですよ、app/services とかもあって……」/After Kaigi on Rails 2024 LT Night
junk0612
5
2.1k
RubyLSPのマルチバイト文字対応
notfounds
0
120
型付き API リクエストを実現するいくつかの手法とその選択 / Typed API Request
euxn23
8
2.2k
ペアーズにおけるAmazon Bedrockを⽤いた障害対応⽀援 ⽣成AIツールの導⼊事例 @ 20241115配信AWSウェビナー登壇
fukubaka0825
6
1.9k
現場で役立つモデリング 超入門
masuda220
PRO
15
3.2k
シールドクラスをはじめよう / Getting Started with Sealed Classes
mackey0225
4
640
Streams APIとTCPフロー制御 / Web Streams API and TCP flow control
tasshi
2
350
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
28
2k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
720
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
506
140k
Typedesign – Prime Four
hannesfritz
40
2.4k
How GitHub (no longer) Works
holman
310
140k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
GitHub's CSS Performance
jonrohan
1030
460k
The Invisible Side of Design
smashingmag
298
50k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Transcript
ಛٸͰֶͿ ;ΖΜͱ͑ΜͲߨ࠲ ͦͷࢀ ౕ͍͍ΈΜͳࢮ͵
͜ͷߨ࠲ͰΔ͜ͱ
ϞμϯͰφ͍ϑϩϯτΤϯυͷੈքΛΖ͏ IBEB͕Α͘͏$44ςΫχοΫબ 3FBDUίϯϙʔωϯτͷجຊ BUPNJDEFTJHO 3FBDUTUBUF SFEVY
IPPLT ඇಉظॲཧ֓ ্هͷ༰༧ࠂͳ͘มߋ͢Δ߹͕͋Γ·͢ͷͰྃ͝ঝ͍ͩ͘͞
Βͳ͍͜ͱ ಛٸ͕Ώ͑ʹ
3FBDUͷΈɾ֓೦ɾྺ࢙
3FBDUͷΈɾ֓೦ɾྺ࢙ Ծ%0. એݴత6* ؾʹͳͬͨΒௐͯΈΑ͏ 7BOJMMB+4Ͱ%0.ૢ࡞ +2VFSZˠ3FBDU 7VFͷมભ
5ZQF4DSJQU งғؾͰײ͡औͬͯʂͰ͖ΔΑΩϛͳΒʂʂ
$MBTTDPNQPOFOU
࣍ճΓ·͢ IPPLʹ͍ͭͯ
TUBUFʹ͍ͭͯ ࣍ճΓ·͢
Δ͜ͱ
ίϯϙʔωϯτͷ࡞Γํ ͔Δ͘Ͷ ීஈ࣮ͬͯΔ͔Β͍͍ͩͨΘ͔ͬͯΔͰ͠ΐ
QSPQTʹΑΔࢠؒͷड͚͠ ͔Δ͘Ͷ ීஈ࣮ͬͯΔ͔Β͍͍ͩͨΘ͔ͬͯΔͰ͠ΐ
"UPNJD%FTJHO
ίϯϙʔωϯτΛ࡞Ζ͏
ίϯϙʔωϯτΛఆٛ͢Δ
None
IUNM +49&MFNFOU Λฦؔ͢Λ FYQPSUͯ͠Δ͚ͩ
ఆٛͨ͠ίϯϙʔωϯτΛ ݺͼग़͢
None
None
*NQPSUͯ͠ཁૉͱͯ͠͏͚ͩ
؆୯Ͱ͠ΐʁ
ͪͳΈʹᶃ
ૉ ࣗͰఆ͍ٛͯ͠ͳ͍ ͷ IUNMཁૉʹ͍ͭͯ
None
UTͷ߹ɺBUUSJCVUF ଐੑ ิͰ֬ೝͰ͖ΔΑ 3FBDU͕ͪΌΜͱܕఆٛͯ͘͠ΕͯΔͷ
ͪͳΈʹᶄ
)UNMཁૉ %0. ʹରͯ͠ ͲΜͳΠϕϯτ͕͋Δ͔
IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC&WFOUT
IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC&WFOUT .%/ͷϦϑΝϨϯε͕ ࢀߟʹͳΔ͔͠Εͳ͍ ؾʹͳͬͨΒΈͯΈΑ͏
QSPQT
ϘλϯͷίϯϙʔωϯτΛ ࡞ͬͨͱ͢Δ
͏ঢ়گʹΑͬͯม͍͑ͨ ɾʮૹ৴͢Δʯͬͯจݴʹ͍ͨ͠ ɾΞΠίϯΛϏοΫϦϚʔΫʹ͍ͨ͠ ɾ৭ʹ͍ͨ͠ ɾΫϦοΫͨ࣌͠ʹTVCNJU͍ͨ͠
͏ঢ়گʹΑͬͯม͍͑ͨ ɾʮૹ৴͢Δʯͬͯจݴʹ͍ͨ͠ ɾΞΠίϯΛϏοΫϦϚʔΫʹ͍ͨ͠ ɾ৭ʹ͍ͨ͠ ɾΫϦοΫͨ࣌͠ʹTVCNJUͨ͠ ͳͲͳͲ ͜Ε͕QSPQTͩʂʂ
QSPQTͱίϯϙʔωϯτͷ ΠϯλʔϑΣʔεΈ͍ͨͳͷ
ɾϥϕϧ ɾΞΠίϯ ɾ৭ ɾΫϦοΫͨ࣌͠ͷॲཧ ɾจࣈαΠζ ͳͲͳͲ ͜ͷίϯϙʔωϯτͷQSPQT
ͲͷΑ͏ʹQSPQTΛఆٛ͢Δ͔
None
͔Βೖ͍ͨ͠ͷΛఆٛ͢Δ
None
λάͷଐੑΛࢦఆ͢ΔΑ͏ͳײ͡
؆୯Ͱ͠ΐʁ
"UPNJD%FTJHO
2ͳͥ"UPNJD%FTJHOΛ࠾༻͢Δͷ͔
"ίϯϙʔωϯτͷ͚ํ 'SFFEPN͔ͩΒ ݸਓతͳײͰ͢
"ίϯϙʔωϯτͷ͚ํ 'SFFEPN͔ͩΒ ݸਓతͳײͰ͢ ΦϨΦϨϧʔϧΛ࡞ΔΑΓ ੈؒʹ·ͬͯΔϧʔϧͷํ͕ ͱ͔͔ͬΓ͍͢ ɾɾɾͱࢥͬͯΔ
2"UPNJD%FTJHOΛ࠾༻ͨ͠ ϓϩμΫτશͯಉ͡ϧʔϧͰ ӡ༻Ͱ͖Δͷ͔ʁ
"൱ ˞"UPNJD%FTJHOΛ࠾༻͢ΔνʔϜʹΑͬͯࡉ͔͍Ͱҧ͏ϧʔϧʹͳ͍ͬͯͨΓ͢Δ ͨͩɺجຊతͳߟ͑ಉ͡ ͷͣ
͏ͪͷ"UPNJD%FTJHOͷΩϗϯ
None
ଞͷίϯϙʔωϯτʹґଘ͠ͳ͍ ࠷খͷ୯Ґ
ͭҎ্ͷBUPNʹґଘ͢Δ
ͭҎ্ͷNPMFDVMFʹґଘ͢Δ ྫ֎ͱͯ͠ɺಛఆͷϖʔδݻ༗ͷίϯϙʔωϯτͷఆٛΛͯͨ͠Γ͢Δɾɾ
ը໘ͷϫΠϠʔϑϨʔϜΛܗ͢Δ
UFNQMBUFʹඞཁͳॲཧΛೖ͢Δ
͜ͷઆ໌ͰνʔϜશһ͕ಉཻ͡Ͱ ίϯϙʔωϯτΛ͚ΒΕΔ͜ͱͳ͍
։ൃΛ௨ͯ͠ڞ௨ͷೝࣝΛ ͍࣋ͬͯ͘͜ͱ͕େࣄ ͱࢥ͓ͬͯΓ·͢
ͱ͍͏͜ͱͰ ࠓճͷϋϯζΦϯ
"UPNJD%FTJHOͰ ίϯϙʔωϯτΛ͚ͯΈΑ͏
લఏ
None
͜ͷը໘ͷσβΠϯ͕ ͍ͯ͠Δ
None
ϝοηʔδҰཡը໘ ͲͷΑ͏ʹίϯϙʔωϯτΛ͚Δʁ
ᝦʹίϯϙʔωϯτͷఆٛΛॻ͘ ɾλΠϓBUPNdQBHF·ͰͷͲΕ͔ ɾ໊લίϯϙʔωϯτ໊ ɾQSPQTίϯϙʔωϯτʹඞཁͦ͏ ͳQSPQTͷҰཡ 'JH+BNʹͯ
-FU`T5SZ