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
メンバーの成長速度にバフをかける1on1ミーティング / 2024-12-06
yug1224
24
12k
強みを伸ばすキャリアデザイン
yug1224
3
500
インターンと盛り上げる全社員参加型Advent Calendarの作り方 / 2024-02-22-QiitaNight
yug1224
1
130
2022ランキング圏外から2023ランキング入りを実現したテックブログ運営について / 2023-07-28-QiitaEngineerFesta
yug1224
1
150
Qiitaいいね数をGASで計測している話 / 2023-07-24-HRBrainFlyHigh
yug1224
1
990
HRBrainの生態系を支えるフロントエンドチームの取り組み / 2023-06-22-AwEngineerMeetup
yug1224
0
100
明日使えるかもしれないGitテクニック / Gunma.web#47
yug1224
0
300
React+TypeScriptで拡張機能が開発できるRaycastのススメ / 20221027_Raycast
yug1224
1
930
DX向上委員会 / 20220922_dxhacklt
yug1224
1
220
Other Decks in Programming
See All in Programming
プロダクトという一杯を作る - プロダクトチームが味の責任を持つまでの煮込み奮闘記
hiliteeternal
0
450
一人でAIプロダクトを作るための工夫 〜技術選定・開発プロセス編〜 / I want AI to work harder
rkaga
12
2.6k
Android 15以上でPDFのテキスト検索を爆速開発!
tonionagauzzi
0
200
QA x AIエコシステム段階構築作戦
osu
0
270
Introduction to Git & GitHub
latte72
0
110
自作OSでDOOMを動かしてみた
zakki0925224
1
1.3k
Claude Code と OpenAI o3 で メタデータ情報を作る
laket
0
130
物語を動かす行動"量" #エンジニアニメ
konifar
14
4.8k
バイブコーディングの正体——AIエージェントはソフトウェア開発を変えるか?
stakaya
5
900
AIに安心して任せるためにTypeScriptで一意な型を作ろう
arfes0e2b3c
0
360
CEDEC 2025 『ゲームにおけるリアルタイム通信への QUIC導入事例の紹介』
segadevtech
3
850
画像コンペでのベースラインモデルの育て方
tattaka
3
1.6k
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
3.9k
Designing Experiences People Love
moore
142
24k
Embracing the Ebb and Flow
colly
86
4.8k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
BBQ
matthewcrist
89
9.8k
Being A Developer After 40
akosma
90
590k
Optimizing for Happiness
mojombo
379
70k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
The Language of Interfaces
destraynor
158
25k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
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Å