dtdynamics https://blog.hatena.ne.jp/dtdynamics/ DTダイナミクス テックブログ https://techblog.dt-dynamics.com/ CI/CD test DTダイナミクスで板金・溶接Webの開発をしている田門です。 主に板金・板金溶接サービスのフロントエンドを担当しています。 今日は、Visual Regression Test(以下VRT)ができるBackstopJSを使って、開発中画面の変更点を一目で把握できるか試してみました。 VRTを試した経緯 BackstopJSで修正前後の差分を確認してみる 導入の手順 テストの実行 結果 おわりに VRTを試した経緯 meviyを使用して、部品が実際にユーザーの元へ届くまでのおおまかなフローは下記になります。 CADファイルをアップロードしプロジェクトを作成する プロジェクトを3DViewer画面… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftechblog.dt-dynamics.com%2Fentry%2F2025%2F09%2F30%2F094215" title="BackstopJSで手軽にUI変更の差分を確認してみる - DTダイナミクス テックブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/d/dtdynamics/20250919/20250919112436.png Hatena Blog https://hatena.blog 2025-09-30 09:42:15 rich https://techblog.dt-dynamics.com/entry/2025/09/30/094215 1.0 100%