Azure Static Web Appsの適用事例
Azure Static Web Appsは、主に静的なWebサイトをホスティングする際に活用します。特に、フロントエンドJavaScriptフレームワーク（React、Vue.js、Angularなど）を利用してSPA（Single Page Application）を作成する場合や、マークダウンで記述したドキュメントからホスティングするためのWebサイトを生成するようなユースケースに最適です。
Azure Static Web Appsの基本的な活用法
Azure Static Web Appsを活用する上での基本的な流れは以下の通りです。
1. 静的なWebサイトのソースコードを作成し、GitHubリポジトリにプッシュします。
2. Azure Portalから新規にStatic Web Appsサービスを作成し、先ほどプッシュしたGitHubリポジトリを指定します。
3. Azure Static Web Appsは自動的にGitHub Actionsを設定し、ソースコードの変更を検知すると自動的にビルド・デプロイを行います。
4. デプロイが完了すると、自動的に生成されたURLからWebサイトにアクセスできます。
Azure Functionsとの連携
Azure Static Web AppsはAzure Functionsとの連携も可能で、バックエンドのAPIも一緒にデプロイできます。例えば、ユーザーからの問い合わせフォームの内容をデータベースに保存するようなAPIをAzure Functionsで作成し、それを静的Webサイトから呼び出すといったことが簡単に実現できます。
参考情報
Githubとの連携
適切な連携の手順については後ほど詳細なガイドを公開予定です。このガイドでは、GitHubリポジトリをAzure Static Web Appsにどのように連携するか、詳しく解説します。
Azure DevOpsとの連携
Azure DevOpsもAzure Static Web Appsと連携可能です。その手順については、近日中に追加情報を提供予定です。静的Webサイトのデプロイプロセスをより統合的かつ効率的に行いたい方にとって、Azure DevOpsの活用は大きな助けとなるでしょう。
公式ドキュメント
AzureDevOpsを使用してAzureStaticWebAppsを発行する
外部サイト
AzureStaticWebAppsを試してみた２【AzureDevOpsと連携】
AzureStaticWebAppsがAzureDevOpsからデプロイできるようになった
以上です。
