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
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.1k
メンバーの成長速度にバフをかける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
Micro Frontendsで築いた 共通基盤と運用の試行錯誤 / Building a Shared Platform with Micro Frontends: Operational Learnings
kyntk
0
120
AI時代もSEOを頑張っている話
shirahama_x
0
160
最新のDirectX12で使えるレイトレ周りの機能追加について
projectasura
0
290
AIの弱点、やっぱりプログラミングは人間が(も)勉強しよう / YAPC AI and Programming
kishida
11
5.2k
OSS開発者の憂鬱
yusukebe
12
5.8k
「10分以内に機能を消せる状態」 の実現のためにやっていること
togishima
1
530
AIエージェントでのJava開発がはかどるMCPをAIを使って開発してみた / java mcp for jjug
kishida
4
760
GraalVM Native Image トラブルシューティング機能の最新状況(2025年版)
ntt_dsol_java
0
160
乱雑なコードの整理から学ぶ設計の初歩
masuda220
PRO
32
14k
Querying Design System デザインシステムの意思決定を支える構造検索
ikumatadokoro
1
1.2k
Promise.tryで実現する新しいエラーハンドリング New error handling with Promise try
bicstone
3
1.3k
Rails Girls Sapporo 2ndの裏側―準備の日々から見えた、私が得たもの / SAPPORO ENGINEER BASE #11
lemonade_37
2
190
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
118
20k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Context Engineering - Making Every Token Count
addyosmani
9
410
Building a Scalable Design System with Sketch
lauravandoore
463
34k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
10
680
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
11
940
Visualization
eitanlees
150
16k
Designing for Performance
lara
610
69k
KATA
mclloyd
PRO
32
15k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
8.1k
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Å