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
動作確認やテストで漏れがちな観点3選
Search
starfish719
January 26, 2025
Programming
6
1.3k
動作確認やテストで漏れがちな観点3選
starfish719
January 26, 2025
Tweet
Share
More Decks by starfish719
See All by starfish719
ファインディの テックブログ爆誕までの軌跡
starfish719
2
1.3k
GitHub CopilotでTypeScriptの コード生成するワザップ
starfish719
28
6.6k
Findyの爆速開発を支えるPull requestの粒度
starfish719
0
4.3k
フロントエンドの設計刷新〜決断から効果検証まで〜
starfish719
0
45
開発生産性実践入門 Pullrequestの粒度編
starfish719
0
1.4k
Gatsby + Netlifyで ポートフォリオサイトを 作った話
starfish719
0
66
vegatech_3.pdf
starfish719
0
400
Nuxt.jsとGraphcoolで ツールを作っている話
starfish719
0
120
CloudFunctionsと CloudVisionで 遊んでみた
starfish719
0
65
Other Decks in Programming
See All in Programming
Laravel × Clean Architecture
bumptakayuki
PRO
0
130
The Evolution of the CRuby Build System
kateinoigakukun
1
760
M5UnitUnified 最新動向 2025/05
gob
0
120
一緒に働きたくなるプログラマの思想 #QiitaConference
mu_zaru
78
20k
2ヶ月で生産性2倍、お買い物アプリ「カウシェ」4チーム同時改善の取り組み
ike002jp
1
110
AIコーディングの理想と現実
tomohisa
35
37k
音声プラットフォームのアーキテクチャ変遷から学ぶ、クラウドネイティブなバッチ処理 (20250422_CNDS2025_Batch_Architecture)
thousanda
0
380
Ruby on Railroad: The Power of Visualizing CFG
ydah
0
290
個人開発の学生アプリが企業譲渡されるまで
akidon0000
2
1.1k
Amazon CloudWatchの地味だけど強力な機能紹介!
itotsum
0
230
UMAPをざっくりと理解 / Overview of UMAP
kaityo256
PRO
3
1.4k
The Missing Link in Angular’s Signal Story: Resource API and httpResource
manfredsteyer
PRO
0
140
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
38
1.7k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
5
550
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
690
How STYLIGHT went responsive
nonsquared
100
5.5k
YesSQL, Process and Tooling at Scale
rocio
172
14k
Raft: Consensus for Rubyists
vanstee
137
6.9k
We Have a Design System, Now What?
morganepeng
52
7.5k
Code Reviewing Like a Champion
maltzj
523
40k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.8k
The Cost Of JavaScript in 2023
addyosmani
49
7.8k
Transcript
© Findy Inc. 2025.01.29 みんなで学ぶ!品質改善を加速する テスト設計と管理⼿法LT 動作確認やテストで漏れがちな観点3選 1 ファインディ株式会社 テックリード
⼾⽥ 千隼 @starfish0206
© Findy Inc. 2 今⽇話すこと • テストや動作確認に対する考え⽅ • 漏れがちな観点 ◦
絶対に間違ってはいけない要素 ◦ 本当に更新された? ◦ クライアントPCの⽇時設定 • まとめ
© Findy Inc. テストや動作確認に対する考え⽅ 3
© Findy Inc. 4 早く気づき、速攻で修正する • 不具合が出ることが問題ではない ◦ 気づかずに本番デプロイしてしまったことが問題 ◦
早い段階で気づくかどうか ▪ unit test ▪ CI ▪ build ▪ e2e test ▪ ステージング環境でのQA ▪ etc • 早い段階で不具合に気づき、即修正できれば問題ではない
© Findy Inc. 漏れがちな観点 5
© Findy Inc. 6 絶対に間違ってはいけない要素 • なにがあっても絶対に間違ってはいけない3⼤要素 ◦ ⼈の名前 ▪
綴りや似たような漢字などで間違いやすい ◦ ⽇時 ▪ 年⽉⽇に加えて曜⽇と時刻まで要確認 ▪ 特に年⽉⽇と曜⽇は間違えるケースが多い ▪ 必ずカレンダーと合わせて指差し確認 ◦ ⾦額 ▪ 単位と桁数、カンマまで指差し確認 • 特にメールや印刷物にこれらが含まれていた場合は、チェック体制を普段よりも厚くするべし ◦ メールや印刷物は後から修正することが出来ない ◦ ごめんなさいで済まない事態になりかねない • 指差し確認は基本中の基本!怠ってはいけない。
© Findy Inc. 7 本当に更新された? • 何かしらのデータが更新される画⾯ ◦ 「⼊⼒内容を変更して更新ボタンを押下した時に成功する」という動作確認では不⼗分 ◦
本当にデータベースのデータが更新されているのかがわからない ▪ フロントエンドが「そういうふうに⾒せているだけ」なのかもしれない ▪ データの更新に失敗しているのに「保存しました」って出している不具合かも。。。 ◦ 更新ボタンを押下した後に、データの編集画⾯や詳細画⾯をリロードして表⽰する ▪ ブラウザリロードを実⾏すると画⾯が再読込され、データの再取得が⾏われる ◦ 「ドラッグアンドドロップでデータを並び替える」機能で並び替えが出来てるように⾒えている が、データの更新に失敗していた。というケースは意外と多い
© Findy Inc. 8 クライアントPCの⽇時設定 • ⽇時のチェックをフロントエンドで⾏っていた場合、⽇時がクライアント端末に依存する • パソコンの⽇時設定を未来の⽇時に設定 ◦
コンテンツが表⽰されるかどうかを確認する ◦ IR関連や特定の⽇時に公開することが特別な意味を持っている場合、確認項⽬に⼊る ◦ ⽇時チェックを厳密に⾏う必要がある場合は、サーバー側の⽇時を使ってチェックが安全 • ⽇時チェックや⽇時の⼀覧を出⼒する機能の場合に漏れがち
© Findy Inc. まとめ 9
© Findy Inc. 10 まとめ • 不具合を憎まず、仕組みやフローを疑え ◦ どれだけ早く気づくことができるかどうかの勝負 •
⾒えてるもの以外のものを疑う ◦ 「保存に成功しました」というメッセージで、本当に保存されていると確信してはいけない • 指差し確認で救われる⼈たちがいることを忘れずに
© Findy Inc. ご清聴ありがとうございました 11