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
440
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
1k
Reckoner の Scala プロジェクトにおける オブザーバビリティの取り組み / Observability Initiatives in Reckoner's Scala Project
nomadblacky
0
2.1k
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
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
360
Flutterで備える!Accessibility Nutrition Labels完全ガイド
yuukiw00w
0
150
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
690
Node-RED を(HTTP で)つなげる MCP サーバーを作ってみた
highu
0
120
システム成長を止めない!本番無停止テーブル移行の全貌
sakawe_ee
1
160
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
1
8.3k
Team topologies and the microservice architecture: a synergistic relationship
cer
PRO
0
1.2k
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
120
童醫院敏捷轉型的實踐經驗
cclai999
0
210
「Cursor/Devin全社導入の理想と現実」のその後
saitoryc
0
770
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
10k
Railsアプリケーションと パフォーマンスチューニング ー 秒間5万リクエストの モバイルオーダーシステムを支える事例 ー Rubyセミナー 大阪
falcon8823
5
1.1k
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Bash Introduction
62gerente
614
210k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Stop Working from a Prison Cell
hatefulcrawdad
270
21k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
How STYLIGHT went responsive
nonsquared
100
5.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
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/