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
インシデントゼロを支える技術 / 20220315_devtestlt
Search
Yuji Yamaguchi
March 15, 2022
Programming
0
2k
インシデントゼロを支える技術 / 20220315_devtestlt
Yuji Yamaguchi
March 15, 2022
Tweet
Share
More Decks by Yuji Yamaguchi
See All by Yuji Yamaguchi
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発
yug1224
10
3.4k
メンバーの成長速度にバフをかける1on1ミーティング / 2024-12-06
yug1224
25
12k
強みを伸ばすキャリアデザイン
yug1224
3
510
インターンと盛り上げる全社員参加型Advent Calendarの作り方 / 2024-02-22-QiitaNight
yug1224
1
130
2022ランキング圏外から2023ランキング入りを実現したテックブログ運営について / 2023-07-28-QiitaEngineerFesta
yug1224
1
160
Qiitaいいね数をGASで計測している話 / 2023-07-24-HRBrainFlyHigh
yug1224
1
1k
HRBrainの生態系を支えるフロントエンドチームの取り組み / 2023-06-22-AwEngineerMeetup
yug1224
0
110
明日使えるかもしれないGitテクニック / Gunma.web#47
yug1224
0
310
React+TypeScriptで拡張機能が開発できるRaycastのススメ / 20221027_Raycast
yug1224
1
930
Other Decks in Programming
See All in Programming
Ruby Parser progress report 2025
yui_knk
1
240
マイコンでもRustのtestがしたい その2/KernelVM Tokyo 18
tnishinaga
2
2.4k
実用的なGOCACHEPROG実装をするために / golang.tokyo #40
mazrean
1
120
【第4回】関東Kaggler会「Kaggleは執筆に役立つ」
mipypf
0
950
レガシープロジェクトで最大限AIの恩恵を受けられるようClaude Codeを利用する
tk1351
4
1.5k
TanStack DB ~状態管理の新しい考え方~
bmthd
2
370
私の後悔をAWS DMSで解決した話
hiramax
4
170
未来を拓くAI技術〜エージェント開発とAI駆動開発〜
leveragestech
2
190
Flutter로 Gemini와 MCP를 활용한 Agentic App 만들기 - 박제창 2025 I/O Extended Seoul
itsmedreamwalker
0
160
ワープロって実は計算機で
pepepper
2
1.4k
AWS発のAIエディタKiroを使ってみた
iriikeita
1
110
Processing Gem ベースの、2D レトロゲームエンジンの開発
tokujiros
2
110
Featured
See All Featured
Testing 201, or: Great Expectations
jmmastey
45
7.6k
KATA
mclloyd
32
14k
Done Done
chrislema
185
16k
Site-Speed That Sticks
csswizardry
10
800
How GitHub (no longer) Works
holman
315
140k
Faster Mobile Websites
deanohume
309
31k
Building Adaptive Systems
keathley
43
2.7k
Speed Design
sergeychernyshev
32
1.1k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
The Pragmatic Product Professional
lauravandoore
36
6.8k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Being A Developer After 40
akosma
90
590k
Transcript
!"#$"%&'( *+,-. !"!!#"$#%& ()*+'(,-,.)/0+
⾃⼰紹介 2 ▸ 名前 ▸ ヤマグチ ユウジ @yug1224 ▸ 職能
▸ フロントエンドエンジニア ▸ 経歴 ▸ 2011年04⽉ 通信系企業 ▸ Webコンテンツサービスの開発運⽤ ▸ 2016年01⽉ ネット広告系企業 ▸ 広告配信管理システムの開発運⽤ ▸ 2016年10⽉ ITサービス企業 ▸ 飲⾷店向け予約台帳システムの開発 ▸ 2021年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Å