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
GitHub Actions と Datadog でコードベースの定点観測
Search
ryo
October 31, 2023
Technology
7
2k
GitHub Actions と Datadog でコードベースの定点観測
2023/10/31 フロントえんどう
ryo
October 31, 2023
Tweet
Share
More Decks by ryo
See All by ryo
SaaS公式MCPサーバーをリリースして得た学び
kawamataryo
7
1.9k
Raycast AI APIを使ってちょっと便利な拡張機能を作ってみた / created-a-handy-extension-using-the-raycast-ai-api
kawamataryo
0
530
ts-morphのパフォーマンス改善Tips
kawamataryo
0
51
webpack to Rspack
kawamataryo
0
60
個人開発駆動学習 / personal development driven learning
kawamataryo
1
230
GitHub Trending Bot, Sky Follower Bridge の紹介
kawamataryo
0
430
[Minecraft × ChatGPT] マイクラで作りたいものを伝えると魔法のように作ってくれるコマンドを作る
kawamataryo
0
2.3k
Resumable な JavaScript フレームワーク Qwik を学ぶ / qwik-resumable
kawamataryo
0
3.4k
JSからTSへ移行した Vue.jsプロダクトの型チェックを 漸進的に強化する/ reinforcing the type
kawamataryo
0
3.4k
Other Decks in Technology
See All in Technology
마라톤 끝의 단거리 스퍼트: 2025년의 AI
inureyes
PRO
1
680
20250728 MCP, A2A and Multi-Agents in the future
yoshidashingo
1
210
【CEDEC2025】現場を理解して実現!ゲーム開発を効率化するWebサービスの開発と、利用促進のための継続的な改善
cygames
PRO
0
720
ホリスティックテスティングの右側も大切にする 〜2つの[はか]る〜 / Holistic Testing: Right Side Matters
nihonbuson
PRO
0
580
20250807_Kiroと私の反省会
riz3f7
0
140
Nx × AI によるモノレポ活用 〜コードジェネレーター編〜
puku0x
0
340
AI人生苦節10年で会得したAIがやること_人間がやること.pdf
shibuiwilliam
1
270
Segment Anything Modelの最新動向:SAM2とその発展系
tenten0727
0
400
Strands Agents & Bedrock AgentCoreを1分でおさらい
minorun365
PRO
6
230
dipにおけるSRE変革の軌跡
dip_tech
PRO
1
230
alecthomas/kong はいいぞ
fujiwara3
6
1.4k
AWS DDoS攻撃防御の最前線
ryutakondo
0
120
Featured
See All Featured
Building Adaptive Systems
keathley
43
2.7k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
RailsConf 2023
tenderlove
30
1.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
How to train your dragon (web standard)
notwaldorf
96
6.1k
How STYLIGHT went responsive
nonsquared
100
5.7k
Designing for humans not robots
tammielis
253
25k
Faster Mobile Websites
deanohume
308
31k
Typedesign – Prime Four
hannesfritz
42
2.7k
Transcript
GitHub Actions + Datadogで コードベースの定点観測 2023/10/31 BARフロントえんどう @KawamataRyo
エンジニア@Lapras.inc 元消防士 2児の父(育休1年取得中) 懸垂, 個人開発 @KawamataRyo
今日話すこと
GitHub ActionsとDatadogで プロダクトのコードベースを定点観測したら いろいろ良かった話
コードベースの定点観測とは?
コードベースの状況を時系列データとして計測し、 ダッシュボードで可視化すること
どんなものを観測していた?
① リファクタリングの進捗状況
① リファクタリングの進捗状況
② 依存ライブラリのバージョン追従状況
② 依存ライブラリのバージョン追従状況
なぜ作った?
今の進捗をわかりやすく可視化したい 時系列で変化を追いたい 面白そう
どういう仕組み?
GitHub Actionsで計測スクリプトを定期実行
なぜDatadog?
新たにDBを作る必要がなくて楽 時系列データを簡単に可視化できる
計測スクリプトの実装は?
スクリプトの実装例①(メトリクス取得) ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。
スクリプトの実装例①(メトリクス取得) ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。 zx経由でnpm-check-updatesを実行して結果をパース。 メトリクスを取得。
スクリプトの実装例②(Datadogへ送信) ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。
スクリプトの実装例②(Datadogへ送信) ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。 依存ライブラリのメトリクスを取得。
スクリプトの実装例②(Datadogへ送信) ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。 Datadogに時系列データとして送信
GitHub Actionsの実装例 ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。
GitHub Actionsの実装例 ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。 1日1回 1時(UTC)に定期実行
GitHub Actionsの実装例 ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。 対象のプロダクトのコードを取得
GitHub Actionsの実装例 ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。 計測スクリプトを実行して結果をDatadogに送信
やってみてどうだった?
チーム内外で進捗を把握できるようになった 状況悪化に早めに気づけるようになった ライブラリ更新に対するモチベーションに繋がった
所感
GitHub Actions + Datadog便利 コードベースの定点観測面白い 色々応用ができるかも
Happy Hacking!