非機能テストのシフトレフト（あれ?テストを自動化したけど何か足りない?）

非機能テストのシフトレフトあれ？テストを自動化したけど何か足りない？

自己紹介＞クラスメソッド株式会社開発3年、クラウドエンジニア2年最近テストを体系的に学ぶためJSTQB受験＞経歴ダイの大冒険＞好きなもの
モダンアプリケーションコンサルティング部＞名前 bun913（今泉大樹）

みなさん、テストの自動化してますか？（ご挨拶

「テストがないと安心して開発できません！」とある同僚の答え

わりと無条件で導入する仕組み

TypeScript/JavaScriptの例・EsLintやPrettier リンタ・フォーマッタ Unit・統合テスト TypeScript/JavaScriptの例・JestやVitest With コンテナ仮想化コンテナ仮想化技術で、モックではなくDBMSを利用する
静的解析・テストの自動化（CI）

Q. では、なぜこれらを導入するの A. 心理的安全性とか、品質保証？

品質ってなんだっけ？「安心」はなんとなくわかる気がする。しらんけど。

機能適合性品質特性とは ISO25010 システム・ソフトウェアの品質モデル性能効率性互換性使用性信頼性セキュリティ保守性
移植性

そして気づくあれ？いいとこ、機能適合性と保守性しか見れてないのでは？

セキュリティ・使用性なども早めにテストしたいよねタイトルの「非機能要件」を回収しています

シフトレフトとは参考: https://dev.classmethod.jp/articles/saitchan_snyk_20230719/

セキュリティのシフトレフト

例えばどういうこと？日々の Pull Request時点でのCIで脆弱性を検知コードを書いている時点で脆弱性を検知 GitHubのDependabot や trivy によるコンテナイメージ脆弱性スキャンなど
Snyk の Snyk Code や Java の Find Security Bugs など

（例）Snyk Codeによる検知画面参考: https://dev.classmethod.jp/articles/snyk_code_with_vscode/

GitHubのDependabot だけでも有効化しましょう脆弱性のあるライブラリを修正した Pull Requestまで出してくれるの本当に神

使用性のテストのシフトレフト

例えばどういうこと？ UIコンポーネントの見た目の部分のテストその他アクセシビリティの問題の検知など Chromatic や reg-suit による継続的なビジュアルリグレッションテスト画面上の表示や、変更による見た目の崩れをより早く気づく React 用の
ESLintルールによる静的解析なども（筆者未使用）

（例）Chromaticの差分検知参考: https://dev.classmethod.jp/articles/chromatic-storybook-review-and-deploy/

要するに言いたかったこと

「なんとなく」でテスト自動化はいけない（自戒）システムの特性とテストの目的（守りたい）ことは整理・合意しておきたい

ご清聴ありがとうございました

非機能テストのシフトレフト（あれ?テストを自動化したけど何か足りない?）

非機能テストのシフトレフト（あれ?テストを自動化したけど何か足りない?）

bun

More Decks by bun

Other Decks in Technology

Featured

Transcript