Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
インシデントゼロを支える技術 / 20220315_devtestlt
Yuji Yamaguchi
March 15, 2022
Programming
0
570
インシデントゼロを支える技術 / 20220315_devtestlt
Yuji Yamaguchi
March 15, 2022
Tweet
Share
More Decks by Yuji Yamaguchi
See All by Yuji Yamaguchi
草を生やす技術 / kusa
yug1224
1
350
レガシーでウォーターフォールなVue.jsでの大規模開発に捧げるテスト駆動フロントエンド開発の話 / v-tokyo10
yug1224
13
5.8k
フロントエンドエンジニアのDXを改善しようとしたらボトムアップでチームビルドをしていた話 / Frontend Training Meetup #1
yug1224
6
890
Vue.js は裏切らない / UIT#5
yug1224
1
1.8k
リクルートライフスタイルにおけるNuxt.jsの導入事例 / NuxtMeetup#4
yug1224
1
2.7k
フロントエンドDX向上委員会 / RecoChoku Tech Night #08
yug1224
0
550
Other Decks in Programming
See All in Programming
Deep Dive Into Google Zanzibar and its Concepts for Authorization Scenarios
dschenkelman
1
150
AWS Config Custom Rule、ノーコードでできるかな?
watany
0
130
UI Testing of Jetpack Compose Apps, AppDevCon
alexzhukovich
0
180
模組化的Swift架構(二) DDD速成
haifengkao
0
390
Android Compose Component - mapping.
taehwandev
0
140
Angular‘s Future without NgModules: Architectures with Standalone Components @enterJS
manfredsteyer
PRO
0
250
iOS 16からのロック画面Widget争奪戦に備える
tsuzuki817
0
270
GDG Seoul IO Extended 2022 - Android Compose
taehwandev
0
340
Gitlab CIでMRを自動生成する
forcia_dev_pr
0
120
Licences open source : entre guerre de clochers et radicalité
pylapp
2
510
短納期でローンチした新サービスをJavaで開発した話/launched new service using Java
eichisanden
6
2k
Imperative is dead, long live Declarative! | Appdevcon
prof18
0
120
Featured
See All Featured
Building Applications with DynamoDB
mza
83
4.7k
Typedesign – Prime Four
hannesfritz
34
1.4k
How GitHub Uses GitHub to Build GitHub
holman
465
280k
How to train your dragon (web standard)
notwaldorf
58
3.9k
Six Lessons from altMBA
skipperchong
14
1.4k
Designing the Hi-DPI Web
ddemaree
272
32k
It's Worth the Effort
3n
172
25k
Support Driven Design
roundedbygravity
86
8.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
638
52k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
105
16k
WebSockets: Embracing the real-time Web
robhawkes
57
5.4k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
29
4.3k
Transcript
!"#$"%&'( *+,-. !"!!#"$#%& ()*+'(,-,.)/0+
⾃⼰紹介 2 ▸ 名前 ▸ ヤマグチ ユウジ @yug1224 ▸ 職能
▸ フロントエンドエンジニア ▸ 経歴 ▸ 2011年04⽉ 通信系企業 ▸ Webコンテンツサービスの開発運⽤ ▸ 2016年01⽉ ネット広告系企業 ▸ 広告配信管理システムの開発運⽤ ▸ 2016年10⽉ ITサービス企業 ▸ 飲⾷店向け予約台帳システムの開発 ▸ 2022年10⽉ SaaS企業 ▸ 勤怠管理システムの開発
3 /'"%0"123%4567
4 8923%:;<=>4? @ABCDEFGH IJ=BHK😇
8923%L:MN=OPQDEFGQK 5
@ABCDEFG(R6S?:T ▸ 1234526789:;<=>6?@ABCD EF:G4>H4>IJKALMNOPQRSTUV ▸ WX:YZI[\S]^_`7ab:cdefACD ghgh>=4ijkl4S]^IdmLfnVQopqRSh 6 DE23%U23%VW3( XYZ[,\UH]^
7 _`a_bcdefbghihj
_`a_bcdefbghihjU: ▸ r2ls2Xtf\EF:uvwx4yIzpn=>6I{|}4k ▸ ~•,/€#•)•Q‚ƒ„r4…†4i‡:ˆ‰Š7CD ‹Œ•Ž•••‡:•ˆX‘2h’\ ▸ v“7”ˆ•–—˜I”ˆ‰i™‰i>š›CD EF:G4–4œ•IžŸ r46¡\=>6I¢£RSTAL\D
8 kl"mWn"%HDEZoQpqL rBsY?t>23%(YuLv,
9 wxyz
{|"}W~•€L•+,‚ƒ`i„_… 10
{|"}W~•€L•+,‚†‡`… 11
23%ˆ‰Š‹ŒDE23%/•W3% 12 Ž••4E‘’Ž4Q“? 23%VW34”ŽO6•“, ▸ ]^_`¢7¤¥ab¢o¦D =>6H4>I•pn§£RSTAL\ ▸ ¨••€'‹)•€©-'~••©Ž€•ŽAD ‹“•ª›n>=4ijkl4š«¬\
どんなときに結合テストを書くか 13 GPP ֯ࣈͰೖྗ͍ͯͩ͘͠͞ WBMJEBUPS ①⽂字を⼊⼒できること ②⼊⼒された⽂字がvalidator関数に渡ること ③validator関数の処理が正しいこと ④validator関数の処理処理がツールチップに渡ること ⑤ツールチップにメッセージが表⽰されること
–W—˜”?rP™‹šS, ›œ4•o(DE23%LžŸS, ref: https://qiita.com/taneba/items/48db2ad9cf10ad644908
_`a_bcdefbghihj4 ¡L¢OPQ\U ▸ -9:®¯„°4…š8±\Ws²4ž³2´µ‰iID ‹¶·AJKAL\¸|šQpq ▸ ¹º#»º¼½¾š¿Àtf\WXÁÂTD —˜ÃÄ7²4ÅŠÅ42š¸\h:šÆf\¸|šQpnLq ▸ =>6H4>•Çš¸pn•\h:TÈJšQmCD
ÉVÊËAŸ>šÌÍ@qmÎÏÐ7ÑÒmTÓQ£QpnLq 14 £¤¥¦€3%?=,23%VW3H§,\UL¨ ©9ª4«¬H-®?
_`a_bcdefbghihj4 ¡L¯°OPQ\U ▸ ;<=>6ÔÕ:=>6h¢@n›Ö|:ACD =>6H4>:רÙ_TÚ›V ▸ =>614yI¢£ÛPBÜPqÝTEÞ›qÛP?@CD „r4…†4i7”ˆ•–:ßàÖA=>6¡\=>614yB¢oQV ▸ w©/á#“€)â#“•ŒIU‡¡\SC=>614y:•ÇSã2=š1>6Too
\·šC•äliž³214yE{å:æçSo@èfn›Ö|é½T’\ 15 8923%UDE23%4 F±"3²³H¯°>
16 ´U“
´U“ _`a_bcdefbghihj(µ¶U·¨ Yq?t>pqL23%(S,\UHLv,¸¨ ©9¹º(«¬S,Q“4»¼U°™·¨ 23%VW3(”ŽS,4½¾33¿¸¨ 8923%rB½l3%HOO,4L·¨ CBÀÁ=>r¶?‘HÃĸ 17
18 xzÅ