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
Reckoner における Datadog Browser Test の活用事例 / Data...
Search
KADOWAKI Takumi
November 20, 2024
Programming
0
480
Reckoner における Datadog Browser Test の活用事例 / Datadog Browser Test at Reckoner
Japan Datadog User Group Meetup#6
https://datadog-jp.connpass.com/event/334594/
KADOWAKI Takumi
November 20, 2024
Tweet
Share
More Decks by KADOWAKI Takumi
See All by KADOWAKI Takumi
Scala アプリケーションのビルドを改善してデプロイ時間を 1/4 にした話 | How I improved the build of my Scala application and reduced deployment time by 4x
nomadblacky
1
1.1k
Reckoner の Scala プロジェクトにおける オブザーバビリティの取り組み / Observability Initiatives in Reckoner's Scala Project
nomadblacky
0
2.3k
AWS CDK on Scala ~ Scalaでインフラ管理してみたはなし / Manage infrastructure with AWS CDK on Scala
nomadblacky
0
4.7k
Slinky で Scala.js 製 React Webアプリケーションを つくったはなし / How to build a Scala.js React web application in Slinky
nomadblacky
1
5.2k
面倒なことはScalaスクリプトにやらせよう / let scala scripts do the troublesome things
nomadblacky
0
1.1k
Other Decks in Programming
See All in Programming
Devoxx BE - Local Development in the AI Era
kdubois
0
120
いま中途半端なSwift 6対応をするより、Default ActorやApproachable Concurrencyを有効にしてからでいいんじゃない?
yimajo
2
400
Railsだからできる 例外業務に禍根を残さない 設定設計パターン
ei_ei_eiichi
0
460
Six and a half ridiculous things to do with Quarkus
hollycummins
0
160
After go func(): Goroutines Through a Beginner’s Eye
97vaibhav
0
360
What's new in Spring Modulith?
olivergierke
1
140
NixOS + Kubernetesで構築する自宅サーバーのすべて
ichi_h3
0
580
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
1k
なぜあの開発者はDevRelに伴走し続けるのか / Why Does That Developer Keep Running Alongside DevRel?
nrslib
3
400
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
2
810
理論と実務のギャップを超える
eycjur
0
130
SpecKitでどこまでできる? コストはどれくらい?
leveragestech
0
680
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
96
6.3k
A better future with KSS
kneath
239
18k
Context Engineering - Making Every Token Count
addyosmani
5
220
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.9k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Side Projects
sachag
455
43k
Embracing the Ebb and Flow
colly
88
4.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.7k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
970
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Transcript
Reckoner における Datadog Browser Test の活用事例 2024/11/20 Japan Datadog User
Group Meetup#6 Copyright © 3-shake, Inc. All Rights Reserved.
自己紹介 門脇 拓巳 (KADOWAKI Takumi) 株式会社スリーシェイク Incubation 事業部 Reckoner 開発チーム
データ処理系 Scala 製アプリケーションの 開発を行いつつ、インフラ業務などを担当 直近はパフォーマンスチューニングや Observability の推進など X (Twitter): @nomadblacky GitHub: NomadBlacky
Reckoner というデータ連携サービスを開発してます https://reckoner.io/
アジェンダ - Datadog Browser Test の概要 - Reckoner での活用
Datadog Browser Test とは - ブラウザ操作を記録して Datadog 上から E2E テストを実行できる機能
- 類似: Playwright, Puppeteer, Mabl - テストの作成はブラウザ上で完結するためコードを書く必要がない - 様々なデバイス、ロケーション、ブラウザを選択可能 - 実行結果はステップごとに実行時間、スクリーンショット、 HTTPリクエスト、JavaScript のエラー など確認可能
Copyright © 3-shake, Inc. All Rights Reserved. Reckoner での Browser
Test 活用 6
サービスの死活監視 30分に1回の頻度でログインなどの 重要な機能が動作するかテスト 失敗時には Slack に通知 ユーザー目線でサービスの正常性が確認できる
デプロイ時の動作確認 ※ Cloud Build での例 デプロイ完了後に Browser Test を実行 datadog-ci
というコマンドが公式から提供されており CLI 上から Synthetics テストを実行可能 –public-id オプションで実行したいテストを指定
変更によりサービスの主要機能が壊れていないか確認 手動でやっていた動作確認の手間が省けた
パフォーマンス計測 Browser Test には実行時間などのメトリクスが用意されており タグとして step_id などが含まれている
パフォーマンス計測 Notebook にテストの結果をまとめた例 パフォーマンスチューニングのエビデンスとして プルリクエストに添付するなど、変更の説得性が向上した
まとめ Datadog Browser Test とは - ノーコードで E2E テストを構築 -
様々なデバイス・ロケーション・ブラウザでテストできる機能 Datadog Browser Test を導入して - テストを定期実行することで、 ユーザー目線でサービスの死活監視ができるようになった - デプロイ後にテストを実行することで、 変更による異常を検知したり、動作確認の手間を省くことができた - テスト結果のメトリクスを用いることで、 パフォーマンスチューニングのエビデンスを残すことができた
最後に スリーシェイク はエンジニアを募集しています! - https://jobs-3-shake.com/