フロントの動作確認用の環境をGithub Actionsで自動構築してみた - Uzabase for Engineers

AlphaDrive、NewsPicks兼務でエンジニアしているスギウラ (saba-can00)です。 今回、Github Actionsを利用してコードをpush すると動作確認ができるコンテナが自動で立ち上がるように環境整備したので、その内容をまとめます。 背景 Webのリアーキテクチャプロジェクトにおいてlocalで実装した画面をmainブランチにマージする前にBFFやバックエンドと連携した状態で確認したいというニーズがありました。 さらにGithubにプッシュすると環境がさくっと立ち上がるとDX的にすごく嬉しいということでGithub Actionsをトリガーとした環境の自動構築をチームで進めることにしました。 今回対応した内容 今回対応した内容はざっくり下記の3点です。 topicブランチへのpushをトリガーとして、動作確認用の環境を作成する すでに環境が存在しているtopi