zx + Datadog + GitHub Actions でフロントエンドのコードベースの健全性を可視化する

関連記事

zx + Datadog + GitHub Actions でフロントエンドのコードベースの健全性を可視化する

フロントエンドのダッシュボードを作ってみたらいい感じだったので紹介です。 作ったもの zx と Datadog...概要を表示 フロントエンドのダッシュボードを作ってみたらいい感じだったので紹介です。 作ったもの zx と Datadog、GitHub Actions を使って以下画像のように、フロントエンドのコードベースの各指標を可視化するダッシュボードを作りました。 値はデモ用に書き換えています 現在、計測している指標はこちらです。 Vue SFCファイルにしめるTypeScriptの割合 Vue SFCファイルにしめるComposition APIの割合 strict: trueにした場合のType Errorの数(tsc & vue-tsc) Jestの各種カバレッジ 各指標は毎朝9時に更新していて、時系列での推移も確認できます。 なぜ作った? 技術的負債解消等コードベースのリファクタリングの活動は、機能追加に比べ進捗を把握しにくい、成果が伝わりにくいという問題があり、それを解消したいと考えたからです。 こ

• Datadog
• CI
• github
• typescript
• あとで読む
• Git
• techfeed
• development

ブックマークしたユーザー

• techtech05212024年05月18日 techtech0521
• efcl2022年09月23日 efcl
• toshi-toma2022年06月25日 toshi-toma
• mapk0y2022年06月25日 mapk0y
• mizdra2022年06月25日 mizdra
• kyo_ago2022年06月24日 kyo_ago
• Keisuke692022年06月24日 Keisuke69
• CLSmooth2022年06月24日 CLSmooth
• bluesky9592022年06月24日 bluesky959
• nishitki2022年06月24日 nishitki
• poad10102022年06月24日 poad1010
• yojik2022年06月24日 yojik
• kumapo03132022年06月24日 kumapo0313
• hush_in2022年06月24日 hush_in
• babydaemons2022年06月24日 babydaemons
• yuiseki2022年06月24日 yuiseki
• Hiro_Matsuno2022年06月24日 Hiro_Matsuno
• a-know2022年06月24日 a-know