Lock in $30 Savings on PRO—Offer Ends Soon! ⏳
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
インシデントゼロを支える技術 / 20220315_devtestlt
Search
Yuji Yamaguchi
March 15, 2022
Programming
0
2.1k
インシデントゼロを支える技術 / 20220315_devtestlt
Yuji Yamaguchi
March 15, 2022
Tweet
Share
More Decks by Yuji Yamaguchi
See All by Yuji Yamaguchi
Figma + Storybook + PlaywrightのMCPを使ったフロントエンド開発
yug1224
13
5.3k
メンバーの成長速度にバフをかける1on1ミーティング / 2024-12-06
yug1224
25
12k
強みを伸ばすキャリアデザイン
yug1224
3
530
インターンと盛り上げる全社員参加型Advent Calendarの作り方 / 2024-02-22-QiitaNight
yug1224
1
140
2022ランキング圏外から2023ランキング入りを実現したテックブログ運営について / 2023-07-28-QiitaEngineerFesta
yug1224
1
170
Qiitaいいね数をGASで計測している話 / 2023-07-24-HRBrainFlyHigh
yug1224
1
1.1k
HRBrainの生態系を支えるフロントエンドチームの取り組み / 2023-06-22-AwEngineerMeetup
yug1224
0
120
明日使えるかもしれないGitテクニック / Gunma.web#47
yug1224
0
320
React+TypeScriptで拡張機能が開発できるRaycastのススメ / 20221027_Raycast
yug1224
1
950
Other Decks in Programming
See All in Programming
20 years of Symfony, what's next?
fabpot
2
340
Level up your Gemini CLI - D&D Style!
palladius
1
180
AIの誤りが許されない業務システムにおいて“信頼されるAI” を目指す / building-trusted-ai-systems
yuya4
6
2.2k
令和最新版Android Studioで化石デバイス向けアプリを作る
arkw
0
380
エディターってAIで操作できるんだぜ
kis9a
0
700
テストやOSS開発に役立つSetup PHP Action
matsuo_atsushi
0
150
AIコードレビューがチームの"文脈"を 読めるようになるまで
marutaku
0
350
dnx で実行できるコマンド、作ってみました
tomohisa
0
140
Tinkerbellから学ぶ、Podで DHCPをリッスンする手法
tomokon
0
120
なあ兄弟、 余白の意味を考えてから UI実装してくれ!
ktcryomm
11
11k
Integrating WordPress and Symfony
alexandresalome
0
140
開発に寄りそう自動テストの実現
goyoki
1
750
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
54
7.9k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3k
Fireside Chat
paigeccino
41
3.7k
A Tale of Four Properties
chriscoyier
162
23k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Stop Working from a Prison Cell
hatefulcrawdad
273
21k
The Pragmatic Product Professional
lauravandoore
37
7.1k
KATA
mclloyd
PRO
32
15k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
A designer walks into a library…
pauljervisheath
210
24k
Writing Fast Ruby
sferik
630
62k
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Å