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

GitHub Actions と Datadog でコードベースの定点観測

Avatar for ryo ryo
October 31, 2023
Technology
7
2k

GitHub Actions と Datadog でコードベースの定点観測

2023/10/31 フロントえんどう
Avatar for ryo

ryo

October 31, 2023
Tweet

More Decks by ryo

See All by ryo
SaaS公式MCPサーバーをリリースして得た学び
Avatar for ryo kawamataryo
5
1.4k
Raycast AI APIを使ってちょっと便利な拡張機能を作ってみた / created-a-handy-extension-using-the-raycast-ai-api
Avatar for ryo kawamataryo
0
410
ts-morphのパフォーマンス改善Tips
Avatar for ryo kawamataryo
0
34
webpack to Rspack
Avatar for ryo kawamataryo
0
45
個人開発駆動学習 / personal development driven learning
Avatar for ryo kawamataryo
1
220
GitHub Trending Bot, Sky Follower Bridge の紹介
Avatar for ryo kawamataryo
0
400
[Minecraft × ChatGPT] マイクラで作りたいものを伝えると魔法のように作ってくれるコマンドを作る
Avatar for ryo kawamataryo
0
2.3k
Resumable な JavaScript フレームワーク Qwik を学ぶ / qwik-resumable
Avatar for ryo kawamataryo
0
3.4k
JSからTSへ移行した Vue.jsプロダクトの型チェックを 漸進的に強化する/ reinforcing the type
Avatar for ryo kawamataryo
0
3.3k

Other Decks in Technology

See All in Technology
dbtとリバースETLでデータ連携の複雑さに立ち向かう
Avatar for Toru Morooka morookacube
0
1.6k
Docker Compose で手軽に手元環境を実現する / Simplifying Local Environments with Docker Compose #CinemaDeLT
Avatar for nabeo nabeo
0
270
10年もののアプリケーションを運用・開発するアプリケーションエンジニアのDatadog活用術
Avatar for miyamu miyamu
0
130
ソフトウェアテスト 最初の一歩 〜テスト設計技法をワークで体験しながら学ぶ〜 #JaSSTTokyo / SoftwareTestingFirstStep
Avatar for nihonbuson nihonbuson
PRO
4
320
テスト設計、逆から読むとおもしろい──仕様にない“望ましさ”の逆設計
Avatar for リリカル mhlyc
0
190
Design for Failure - リージョンとAZについて
Avatar for 矢儀丈博 yuki_ink
0
130
激動の一年を通じて見えてきた「技術でリードする」ということ
Avatar for ktr ktr_0731
8
8.4k
GrafanaをClaude DesktopからMCPで触ってみた
Avatar for 濱田孝治 hamadakoji
0
390
インフラからSREへ
Avatar for Issei Naruta mirakui
20
7.8k
AWS_MCP_Servers入門.pdf
Avatar for naotoiso naotoiso
0
180
NAB Show 2025 動画技術関連レポート / NAB Show 2025 Report
Avatar for CyberAgent cyberagentdevelopers
PRO
0
120
CARTA HOLDINGS エンジニア向け 採用ピッチ資料 / CARTA-GUIDE-for-Engineers
Avatar for CARTA Engineering carta_engineering
0
28k

Featured

See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
227
22k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
251
21k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.6k
Designing for Performance
Avatar for Lara Hogan lara
608
69k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
33
6.6k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
34
2.2k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
105
19k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
268
20k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.6k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
71
4.8k
It's Worth the Effort
Avatar for 3n 3n
184
28k

Transcript

  1. GitHub Actions + Datadogで コードベースの定点観測 2023/10/31 BARフロントえんどう @KawamataRyo

  2. エンジニア@Lapras.inc 元消防士 2児の父（育休1年取得中） 懸垂, 個人開発 @KawamataRyo

  3. 今日話すこと

  4. GitHub ActionsとDatadogで プロダクトのコードベースを定点観測したら いろいろ良かった話

  5. コードベースの定点観測とは？

  6. コードベースの状況を時系列データとして計測し、 ダッシュボードで可視化すること

  7. どんなものを観測していた？

  8. ① リファクタリングの進捗状況

  9. ① リファクタリングの進捗状況

  10. ② 依存ライブラリのバージョン追従状況

  11. ② 依存ライブラリのバージョン追従状況

  12. なぜ作った？

  13. 今の進捗をわかりやすく可視化したい 時系列で変化を追いたい 面白そう

  14. どういう仕組み？

  15. GitHub Actionsで計測スクリプトを定期実行

  16. なぜDatadog?

  17. 新たにDBを作る必要がなくて楽 時系列データを簡単に可視化できる

  18. 計測スクリプトの実装は？

  19. スクリプトの実装例①（メトリクス取得） ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。

  20. スクリプトの実装例①（メトリクス取得） ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。 zx経由でnpm-check-updatesを実行して結果をパース。 メトリクスを取得。

  21. スクリプトの実装例②（Datadogへ送信） ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。

  22. スクリプトの実装例②（Datadogへ送信） ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。 依存ライブラリのメトリクスを取得。

  23. スクリプトの実装例②（Datadogへ送信） ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。 Datadogに時系列データとして送信

  24. GitHub Actionsの実装例 ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。

  25. GitHub Actionsの実装例 ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。 1日1回 1時（UTC）に定期実行

  26. GitHub Actionsの実装例 ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。 対象のプロダクトのコードを取得

  27. GitHub Actionsの実装例 ※ スライドに乗せるためコードを省略しています。参考程度にご覧ください。 計測スクリプトを実行して結果をDatadogに送信

  28. やってみてどうだった？

  29. チーム内外で進捗を把握できるようになった 状況悪化に早めに気づけるようになった ライブラリ更新に対するモチベーションに繋がった

  30. 所感

  31. GitHub Actions + Datadog便利 コードベースの定点観測面白い 色々応用ができるかも

  32. Happy Hacking!