Upgrade to Pro — share decks privately, control downloads, hide ads and more …

電子署名サービスの品質戦略

Avatar for 林憲吾 林憲吾
July 01, 2024
Programming
1
870

 電子署名サービスの品質戦略

Avatar for 林憲吾

林憲吾

July 01, 2024
Tweet

More Decks by 林憲吾

See All by 林憲吾
GraphQLを安全に使うためにやっていること
Avatar for 林憲吾 hayashikengo
2
720
GraphQLでの型渡しとデータフェッチの最適化
Avatar for 林憲吾 hayashikengo
1
480
CTOの役割と、カルチャーの醸成
Avatar for 林憲吾 hayashikengo
1
83

Other Decks in Programming

See All in Programming
Node-RED を（HTTP で）つなげる MCP サーバーを作ってみた
Avatar for High U highu
0
120
Is Xcode slowly dying out in 2025?
Avatar for 上ちょ / uetyo uetyo
1
240
システム成長を止めない！本番無停止テーブル移行の全貌
Avatar for さかうぇ sakawe_ee
1
150
A2A プロトコルを試してみる
Avatar for azukiazusa azukiazusa1
2
1.3k
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
Avatar for コドモン開発チーム codmoninc
0
230
Modern Angular with Signals and Signal Store: New Rules for Your Architecture @enterJS Advanced Angular Day 2025
Avatar for Manfred Steyer manfredsteyer
PRO
0
170
WebViewの現在地 - SwiftUI時代のWebKit - / The Current State Of WebView
Avatar for marcy731 marcy731
0
110
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
50
32k
Cursor AI Agentと伴走する アプリケーションの高速リプレイス
Avatar for どすこい daisuketakeda
1
130
RailsGirls IZUMO スポンサーLT
Avatar for 16bit_idol 16bitidol
0
130
スタートアップの急成長を支えるプラットフォームエンジニアリングと組織戦略
Avatar for Yusuke Suto sutochin26
0
300
deno-redisの紹介とJSRパッケージの運用について (toranoana.deno #21)
Avatar for uki00a uki00a
0
170

Featured

See All Featured
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
72
4.9k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
17
950
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
5.8k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
53
2.8k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.6k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
124
52k

Transcript

  1. 電子署名サービスの品質戦略 株式会社PICK 林憲吾 Hayashi Kengo

  2. https://twitter.com/kenbu05 株式会社PICK CTO 林憲吾 Hayashi Kengo 自己紹介 ①経歴 ②趣味 学生時代　

    スペースマーケット (インターン ) 2018-2019　 ヤフー 2019-2022　スリーシェイク 2022-現在　 PICK CTO 筋トレ・バイク・釣り

  3. 会社紹介 品質戦略 01. PICKのテスト環境 02. 03. 目次 まとめ 04.

  4. 01. 会社紹介

  5. None

  6. - 株式会社 CTO - 林憲吾 Hayashi Kengo - 経歴 -

    スペースマーケット(インターン) → ヤフー →ス リーシェイク → PICK - PICKではPMとしてジョインし、開発をリード - 趣味 - 筋トレ、バイク 会社 01. https://twitter.com/kenbu05

  7. 不動産業界はまだまだ古臭い。たくさん課題がある。 不動産業界はレガシーでアナログ

  8. None

  9. PICKFORMの成長

  10. 不動産電子契約の今後の成長見込み

  11. バックエンドで使っている技術 03. Nestjs Prisma ApolloServer Jest SuperTest

  12. 02. 品質戦略

  13. 品質とは？ 02. 品質戦略 製品に対する期待はステークホルダーごとに違う もっと使いやすくして！ とにかく安全稼働が必須！ 運用・保守が 簡単なシステムをお願い！ by事業担当者 byユーザー

    by運用担当者

  14. バックエンドとしては何ができるか？ 02. 品質戦略 テストを書き動作を保証 監視の精度を上げ、想定外動作はテストを書く コードの品質を保ち、変更容易性を担保

  15. なぜテストを書くべきなのか？ 02. 品質戦略 引用: https://learn.microsoft.com/ja-jp/archive/msdn-magazine/2009/december/code- cleanup-using-agile-techniques-to-pay-back-technical-debt 変更コスト曲線 「中長期の変更コストを最適化させる為」

  16. テストの種類 02. 品質戦略 UIテスト E2Eテスト インテグレーションテスト ユニットテスト 引用:https://www.linkedin.com/pulse/unit-tests-vs-integration-end-to-end-ashraf-ragab/ テスト図解

  17. テストピラミッド理論 02. 品質戦略 引用: https://gihyo.jp/dev/serial/01/savanna-letter/0005 テストピラミッド “テストピラミッド理論とは、 
 コストが高く忠実性が高いテストほどケース数を減ら し、実行速度と決定性が低いテストはケース数を増

    やすべきという理論” 


  18. テストピラミッドが機能する条件 02. 品質戦略 引用: https://gihyo.jp/dev/serial/01/savanna-letter/0005 テストピラミッド 仕様が明確・変更が多くない 設計がクリーンである チームがテストに習熟してる

  19. 初期のPICKだと？ 02. 品質戦略 仕様が明確でなく、変更多い リリース優先で、クリーンでない 業務委託主体でスキル感ばらつき 引用: https://gihyo.jp/dev/serial/01/savanna-letter/0005 テストピラミッド

  20. 当初のPICKがなぜこの状況にあったのか？ 02. 品質戦略 PMF達成が目標であり、早く市場にだすこと主目的であった。 署名機能を自社開発していた為、高い動作保証性が必要。　 エンジニア社員１名に対して、業務委託が 4〜7名が１年半続いた。

  21. どう解決するか？ 02. 品質戦略 原則、E2Eを全てのユースケースで書く Unitテストは分岐の多い部分のみ

  22. 内部設計が未熟な設計ほど、 E2Eが効く 03. 品質戦略 1. E2Eは、内部的な I/Fと疎結合である 2. 内部的なI/Fの変更しやすい 3.

    リファクタリングハードルが下がった

  23. 03. PICKのテスト環境

  24. 実際PICKのテスト比率は？ 03. PICKのテスト環境 E2Eテストを全てのユースケースで書く Unitテストは分岐の多い部分のみ ※ ユースケースは graphQLのmutation/query単位を指しています

  25. E2Eテスト運用実態 03. PICKのテスト環境 E2E Test: 934 Unit Test: 137 137

    Endpoints: 262

  26. E2Eをどう実現している？ 03. PICKのテスト環境 ※ ユースケースは graphQLのmutation/query単位を指しています UI上でテストデータを作成、 dumpファイルで管理 CI上で、DockerでDB立てて、データを流し込む テスト用DBに対してSuperTestでリクエストを送る

  27. ①UI上でテストデータを作成 03. PICKのテスト環境 UIがあれば、 localのUIから UIが無ければ、 PrismaStudioから PrismaStudio UI

  28. ①dumpファイルで管理 03. PICKのテスト環境 dumpデータをPRにてレ ビュー

  29. ①dump周りのコマンドをまとめて、フロー整備 03. PICKのテスト環境 E2E用の環境を localに用意 操作しテストデータ作成 差分をdumpしコミット

  30. ②CI上で、DockerでDB立てて、データを流し込む 03. PICKのテスト環境 GithubActionsでDB立てる dump入れる E2Eを走らせる

  31. ③SuperTestでリクエスト 03. SuperTestでリクエスト レスポンスを確認 PICKのテスト環境

  32. E2E主軸での課題と解決 03. PICKのテスト環境 E2Eテスト記述文化作るの大変 テストがだんだん遅くなる テストデータケースの作成が大変 テスト無いと PR通さない 効率化・並列化 UIでデータ作成

  33. 03. まとめ

  34. まとめ 03. E2E主体だと、確実性の高い動作保証を担保できる リファクタリング促進の効果を持つ コストは高いが、有用な手段の１つ

  35. PICKの開発チームは、レガシーな産業に、 モダンな技術で立ち向かっております。

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

  37. None