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
110
frontend-couse03
nus3
May 24, 2021
Tweet
Share
More Decks by nus3
See All by nus3
DenoでOpenTelemetryに入門する
yotahada3
1
190
WebDriver BiDiとは何なのか
yotahada3
1
170
コンポーネントテストの手法と その効果を考える
yotahada3
8
1.5k
フロントエンドクイズ大会
yotahada3
0
70
Node.jsのWorker threadsの話
yotahada3
1
900
ワタシとPodcast
yotahada3
2
1.2k
Do you like Storybook?
yotahada3
2
4.2k
10年以上続くプロダクトの フロントエンド刷新プロジェクトのふりかえり
yotahada3
3
780
App Runner & Next.js
yotahada3
0
130
Other Decks in Programming
See All in Programming
オレを救った Cline を紹介する
codehex
16
15k
はじめてのIssueOps - GitHub Actionsで実現するコメント駆動オペレーション
tmknom
7
2k
はじめての Go * WASM * OCR
sgash708
1
150
未経験でSRE、はじめました! 組織を支える役割と軌跡
curekoshimizu
1
250
10년 개발한 프로젝트. 애자일 업무 조직에서 모듈화 했던 경험을 공유합니다.
winterlovedev
PRO
0
520
CIBMTR振り返り+敗北から学ぶコンペの取り組み方反省
takanao
1
390
Modern Angular with Signals and Signal StoreNew Rules for Your Architecture @bastacon 2025 in Frankfurt
manfredsteyer
PRO
0
170
RailsでCQRS/ESをやってみたきづき
suzukimar
2
1.2k
読まないコードリーディング術
hisaju
1
170
機能が複雑化しても 頼りになる FactoryBotの話
tamikof
1
280
Domain-Driven Design (Tutorial)
hschwentner
13
22k
コードジェネレーターで 効率的な開発をする / Efficient development with code generators
linyows
0
150
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
410
It's Worth the Effort
3n
184
28k
Why Our Code Smells
bkeepers
PRO
336
57k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
GraphQLとの向き合い方2022年版
quramy
44
14k
Facilitating Awesome Meetings
lara
53
6.3k
Raft: Consensus for Rubyists
vanstee
137
6.8k
4 Signs Your Business is Dying
shpigford
183
22k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
46
2.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
227
22k
Keith and Marios Guide to Fast Websites
keithpitt
411
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