Vueを学ぶ

第12章 Vue.Jsアプリケーションの継続的インテグレーションと継続的デプロイ Vue.Jsアプリケーションの継続的インテグレーション／継続的デプロイ

この作品はAIを使って翻訳されている。ご意見、ご感想をお待ちしている：[e-mail]

前の章では、Vueアプリケーションのテストをセットアップする方法を、Viteを使った単体テストからPlaywrightを使ったE2Eテストまで紹介した。アプリケーションを適切なテストでカバーすることで、次のステップに進むことができる。

この章では、CI/CDの概念と、GitHub Actionsを使ってVueアプリケーションのCI/CDパイプラインをセットアップする方法を紹介する。また、アプリケーションのデプロイとホスティングのプラットフォームとしてNetlifyを使う方法も学ぶ。

ソフトウェア開発におけるCI/CD

継続的インテグレーション（CI）と継続的デリバリ（CD）は、ソフトウ ェア開発とデリバリプロセスのスピードアップと安定化を目的とした、ソフトウ ェア開発手法の組み合わせである。CI/CDには、自動化されたインテグレーション、テスト、継続的デプロイプロセスを通じて、ソフトウェアライフサイクルを効果的に監視することが含まれる 。

CI/CD はソフトウェア開発に多くの利点を提供する。 ：

• デプロイの自動化により、ソフトウェアデリバリを高速化する。

• 異なるチーム間のコラボレーションを強化する

• 自動テストによるソフトウェア品質の向上

• よりアジャイルなアプローチで、バグやソフトウェア問題へのレスポンスをより速くする。

つまり、CI/CDには継続的インテグレーション、継続的デリバリ、継続的デプロイという3つの主要概念が含まれており、これらを組み合わせることで、CI/CDパイプラインとして知られる堅牢性の高いソフトウェア開発プロセスを形成する（図12-1）。

図12-1. CI/CDパイプライン

継続的インテグレーション

継続的インテグレーションは、開発者が独立して作業しながら、共有リポジトリにコードを頻繁かつ同時に統合することを可能にする。コードの統合（またはマージ）ごとに、アプリケーションの自動ビルドとさまざまなレベルのテストの自動化システムを使用して検証する。もし新旧のコードバージョン間にコンフリクトがあったり、新しいコードに何らかの問題があったりした場合、私たちはそれを迅速に検出し、修正することができる。継続的インテグレーション用の標準的なツールには、Jenkins、CircleCI、GitHub Actionsがある。"GitHub ActionsによるCI/CDパイプライン" で説明する。

継続的デリバリ

継続的インテグレーションが成功した次のステップは、継続的デリバリだ。継続的デリバリは、検証されたアプリケーションのコードを共有リポジトリに自動リリースし、本番デプロイできる状態にする。継続的デリバリは、コードが常に検証されていることを前提とするため、継続的インテグレーションを必要とする。また、一連の自動テストとリリース自動化 も含まれる。

継続的デプロイ

継続的デプロイはCI/CDパイプラインの最終ステップで、検証済みのコードを本番環境に自動的にデプロイする。コードベースに対して十分にテストされた自動化システムに大きく依存する。継続的デプロイは、CI/CDパイプラインの最も高度なステップである。特に、本番デプロイの前に手作業による承認が必要な場合など、一部のプロジェクトでのみ必要となる。 ...