この記事のポイント
SPAやJamstackサイトのホスティングにはAzure Static Web Appsが第一候補。CI/CD・認証・CDNが統合済みで個別構築が不要- まずFreeプラン（$0）で検証すべき。100GB帯域幅・SSL・カスタムドメイン2つが無料で使え、小〜中規模サイトならFreeのまま本番運用も可能
- Database connectionsは2025年11月に廃止済み。Data API Builder（DAB）への移行を最優先で進めるべき
- Vercel/Netlifyと迷う場合、Entra ID認証やPrivate Endpointが必要ならAzure Static Web Apps一択。Microsoft環境との統合が圧倒的に深い
- Dedicated Plan（$99/月）は2025年10月に廃止。Standardプラン（$9/月）で十分な構成を設計すべき
Microsoft MVP・AIパートナー。LinkX Japan株式会社 代表取締役。東京工業大学大学院にて自然言語処理・金融工学を研究。NHK放送技術研究所でAI・ブロックチェーンの研究開発に従事し、国際学会・ジャーナルでの発表多数。経営情報学会 優秀賞受賞。シンガポールでWeb3企業を創業後、現在は企業向けAI導入・DX推進を支援。
静的Webアプリのホスティングとデプロイを効率化できるAzureサービスが「Azure Static Web Apps」です。
GitHubやAzure DevOpsと統合したCI/CD自動デプロイ、6種類の認証プロバイダー、グローバルCDNによる高速配信を備え、無料プランからプロダクション運用まで対応します。
本記事では、Azure Static Web Appsの主要機能、Azure Functionsとの連携、Vercel・Netlifyとの比較、デプロイ手順、2026年最新の料金体系（Dedicated Plan廃止を含む）まで網羅的に解説します。
Azureの基本知識や料金体系についてはこちらの記事で詳しく解説しています。
Microsoft Azureとは？できることや各種サービスを徹底解説
目次
Azure Static Web Appsとは（2026年最新）
CI/CD自動デプロイ（GitHub Actions・Azure DevOps）
Data API Builderへの移行（旧Database connections）
競合サービスとの比較（Vercel・Netlify・GitHub Pages）
Azure Static Web Appsとは（2026年最新）
Azure Static Web Appsは、HTML、CSS、JavaScriptなどの静的コンテンツを簡単にデプロイ・ホスティングするためのAzureサービスです。公式ドキュメントによると、GitHubやAzure DevOpsのリポジトリと統合することで、コードの変更を検知して自動的にビルド・デプロイを行うCI/CD（継続的インテグレーション/継続的デリバリー）を標準で備えています。React、Angular、Vue.js、Next.js、Nuxt.jsなどの主要フレームワークに対応しており、シングルページアプリケーション（SPA）やJamstackサイトの構築に適しています。
Azure Static Web Apps
2026年現在、Azure Static Web Appsにはいくつかの重要な変更がありました。2025年10月にDedicated Plan（$99/月）が廃止され、現在はFreeとStandardの2プラン体制となっています。また2025年11月30日にはDatabase connections機能が廃止され、後継のData API Builder（DAB）への移行が推奨されています。一方でPrivate Endpoint対応やパスワード保護（プレビュー）などのセキュリティ機能が追加され、エンタープライズ用途での採用が進んでいます。
以下の表で、Azure Static Web Appsの主要な特徴を整理しました。
| 項目 | 内容 |
|---|---|
| サービス種別 | 静的Webアプリのホスティング・デプロイ |
| CI/CD統合 | GitHub Actions、Azure DevOps Pipelines |
| バックエンドAPI | Azure Functions（マネージド/持ち込み） |
| 認証プロバイダー | GitHub、Microsoft Entra ID、Google、Facebook、Apple、Twitter + カスタムOIDC |
| CDN | Azureグローバルコンテンツ配信ネットワーク |
| 対応ランタイム | Node.js 20 LTS |
| 料金 | Free（$0）/ Standard（$9/アプリ/月） |
この表が示すとおり、Azure Static Web Appsは静的コンテンツの配信だけでなく、認証・API連携・CDNまでを統合的に提供するサービスです。以下のセクションで、各機能の詳細と実務での活用方法を解説します。
静的Webアプリの基本概念
静的Webアプリとは、HTML、CSS、JavaScriptといったフロントエンド技術を使用して作成されたファイルをそのままユーザーのブラウザに提供するアプリケーションです。サーバー側でプログラムを実行してHTMLを動的に生成する動的Webアプリとは異なり、事前にビルドされたファイルをCDN経由で配信するため、表示速度が速く、セキュリティリスクが低いという利点があります。
近年はReactやVue.jsなどのJavaScriptフレームワークを使ったSPA（シングルページアプリケーション）や、Next.jsやNuxt.jsによるSSG（静的サイト生成）が普及し、静的Webアプリの適用範囲が大きく広がっています。個人ブログからコーポレートサイト、社内ポータル、ドキュメントサイト、ECサイトのフロントエンドまで、幅広いユースケースで採用されています。Azure Static Web Appsは、こうした静的Webアプリの開発・デプロイ・運用を一貫してサポートするサービスです。
Azure Static Web Appsの主要機能
Azure Static Web Appsは、CI/CD自動デプロイ、認証・認可、グローバルCDNの3つを柱として、静的Webアプリの開発から運用までをカバーしています。ここでは、各機能の詳細を解説します。
CI/CD自動デプロイ（GitHub Actions・Azure DevOps）
Azure Static Web Appsの最大の特徴は、GitHubやAzure DevOpsと統合したCI/CDの自動化です。リポジトリにコードをプッシュすると、自動的にビルドとデプロイが実行されます。ビルドにはMicrosoftのOryx（オリックス）エンジンが使用され、フレームワークを自動検出して最適なビルド設定を適用します。
Static Web Appsの作成画面
プルリクエストを作成すると、自動的にステージング環境（プレビューURL）が生成されます。これにより、本番環境に影響を与えることなく変更内容をレビュー・テストできます。Freeプランでは3つ、Standardプランでは10のステージング環境を利用可能です。デプロイにはAzureデプロイトークンまたはGitHubアクセストークンを使用し、GitHub Actionsのワークフローファイルは初回セットアップ時に自動生成されます。
組み込み認証とアクセス制御
Azure Static Web Appsには、認証と認可の機能が標準で組み込まれています。開発者がOAuthの実装コードを書く必要はなく、設定ファイル（staticwebapp.config.json）でルートごとのアクセス制御を宣言的に定義するだけで認証機能を実現できます。
対応している認証プロバイダーは以下の6種類です。
-
GitHub
GitHubアカウントでのログイン。開発者向けサイトやOSSプロジェクトのダッシュボードに適しています。
-
Microsoft Entra ID（旧Azure AD）
企業のMicrosoft 365アカウントでのログイン。社内ポータルや業務アプリケーションで最も多く利用されるプロバイダーです。
-
Google / Facebook / Apple / Twitter
コンシューマー向けアプリケーションでのソーシャルログインに対応。追加の設定なしで利用可能です。
-
カスタムOIDCプロバイダー
上記以外のOpenID Connect準拠のIDプロバイダーも、Standardプランで利用可能です。
さらに2026年現在では、Private Endpointを使用してAzure VNet経由のアクセスのみに制限する機能や、プレビュー環境にパスワード保護をかける機能も提供されています。Azureのセキュリティ対策と組み合わせることで、エンタープライズグレードのアクセス制御を実現できます。
Azure Functionsとバックエンド連携
Azure Static Web Appsは、Azure Functionsと組み合わせることで、静的コンテンツだけでは実現が難しいサーバーサイドの処理を追加できます。ユーザーからのフォーム入力処理、外部APIとの連携、データベースへのアクセスなど、動的な機能をサーバーレスで実装できます。
Azure Functions
Azure Functionsとの統合には「マネージド」と「持ち込み（Bring Your Own）」の2つのモデルがあります。マネージドモデルではAzure Static Web Appsがバックエンド関数を自動管理し、FreeプランとStandardプランの両方で利用可能です。持ち込みモデルでは既存のAzure Functionsアプリをリンクでき、Standardプランのみで対応しています。いずれのモデルでもAzure Functionsの月間100万回の無料実行枠が適用されるため、小〜中規模のAPIであれば追加コストなしで運用できます。
データベースとの接続が必要な場合は、Azure Cosmos DBやAzure SQL DatabaseをAzure Functions経由で利用する構成が一般的です。
Data API Builderへの移行（旧Database connections）
Azure Static Web Appsには、データベースに直接接続するDatabase connections機能がプレビューとして提供されていましたが、2025年11月30日に廃止されました。Database connectionsを利用していた場合は、後継サービスであるData API Builder（DAB）への移行が必要です。
Data API Builderは、Azure SQL、Azure Cosmos DB、MySQL、PostgreSQLなどのデータベースに対してREST APIとGraphQL APIを自動生成するツールです。Database connectionsと同様の機能をより柔軟な形で提供しており、Azure Static Web AppsのバックエンドAPIとして利用できます。移行にあたっては、DABの構成ファイル（dab-config.json）でデータベース接続とエンドポイントを定義し、Azure FunctionsまたはAzure Container Appsでホストする構成に切り替えてください。
競合サービスとの比較（Vercel・Netlify・GitHub Pages）
静的Webアプリのホスティングサービスは複数の選択肢があります。Azure Static Web Appsの選定にあたっては、競合サービスとの違いを理解した上で、プロジェクトの要件に合ったサービスを選ぶことが重要です。
以下の表で、主要4サービスの比較を整理しました。
| 項目 | Azure Static Web Apps | Vercel | Netlify | GitHub Pages |
|---|---|---|---|---|
| 無料プラン | 100GB帯域幅 / カスタムドメイン2つ | 100GB帯域幅 / 商用利用可 | 100GB帯域幅 / 商用利用可 | 100GB帯域幅 / パブリックリポのみ |
| 有料プラン | $9/アプリ/月 | $20/メンバー/月 | $19/メンバー/月 | 無料のみ |
| CI/CD | GitHub Actions / Azure DevOps | Git連携（自動） | Git連携（自動） | GitHub Actions |
| バックエンドAPI | Azure Functions | Edge Functions / Serverless Functions | Netlify Functions | なし |
| 認証 | 6プロバイダー + カスタムOIDC | なし（外部サービス） | Identity（有料） | なし |
| 強み | Azure統合 / 認証 / エンタープライズ | Next.js最適化 / DX | JAMstack / フォーム / A/Bテスト | 無料 / シンプル |
| 対象 | Azure利用企業 / エンタープライズ | フルスタック開発チーム | Webクリエイター / スタートアップ | OSSプロジェクト / 個人 |
Azure Static Web Appsの最大の差別化ポイントは、認証機能の標準搭載とAzureエコシステムとの統合です。Microsoft Entra IDによる社内認証が必要な業務アプリケーションや、Azure FunctionsやAzure Cosmos DBと連携するフルスタックアプリケーションでは、他のサービスよりもAzure Static Web Appsが適しています。一方で、Next.jsに特化した最適化が必要な場合はVercel、JAMstackのプロトタイピングを重視する場合はNetlifyがそれぞれ優位です。
既にAzure上でインフラを運用しているにもかかわらず、静的サイトだけ外部サービスでホスティングしているケースでは、認証やモニタリングの統合が分断されるリスクがあります。Azure Static Web Appsに統合することで、Azure Monitorでの一元監視やAzure Portalからのリソース管理が可能になります。
デプロイ手順と開発環境
Azure Static Web Appsへのデプロイは、Azure Portalから数ステップで完了します。以下に基本的なデプロイ手順を示します。
- Azure Portalで「Static Web Apps」を検索し、「作成」を選択する
- サブスクリプション、リソースグループ、アプリ名、プラン（Free/Standard）を設定する
- デプロイソース（GitHub / Azure DevOps）を選択し、リポジトリとブランチを指定する
- ビルドプリセット（React / Angular / Vue.js / Next.js等）を選択し、アプリのパスとAPIのパスを設定する
- 「作成」を実行すると、GitHub Actionsのワークフローファイルが自動生成され、初回デプロイが開始される
デプロイ完了後は、Azureが自動生成したURLでアプリにアクセスできます。カスタムドメインの設定やSSL証明書の適用も、Azure Portalから追加設定できます。SSL証明書はFreeプラン・Standardプランともに無料で提供されます。
SWA CLIによるローカル開発とテスト
Azure Static Web Apps CLI（SWA CLI）は、ローカル環境でAzure Static Web Appsの動作をエミュレートするためのコマンドラインツールです。2026年3月時点の最新バージョンはSWA CLI 2.0.8で、npmからインストールできます。
SWA CLIを使うと、フロントエンドの静的コンテンツ、Azure Functionsのバックエンド、認証プロバイダーの3つをローカルで統合テストできます。Azureにデプロイする前にローカルで動作確認ができるため、開発サイクルの短縮とデバッグの効率化に有効です。特にAzure Functionsとの連携を含むアプリケーションでは、SWA CLIを使ったローカルテストが事実上必須となります。Azureの導入事例でも、SWA CLIを活用した開発フローの効率化が報告されています。
【無料DL】AI業務自動化ガイド（220P）
Microsoft環境でのAI活用を徹底解説
Microsoft環境でのAI業務自動化・AIエージェント活用の完全ガイドです。Azure OpenAI、AI Agent Hub、n8nを活用した業務効率化の実践方法を詳しく解説します。
Azure Static Web Appsの料金（2026年3月版）
Azure Static Web Appsは、FreeプランとStandardプランの2つの料金プランを提供しています。以下の表で、各プランの機能と制限を比較しました。
| 項目 | Free | Standard |
|---|---|---|
| 月額料金 | $0 | $9/アプリ |
| カスタムドメイン | 2 | 5 |
| SSL証明書 | 無料 | 無料 |
| ステージング環境 | 3 | 10 |
| ストレージ（デプロイごと） | 250MB | 500MB |
| ストレージ（アプリ合計） | 500MB | 2GB |
| 帯域幅（サブスクリプションあたり） | 100GB | 100GB（超過分$0.20/GB） |
| Azure Functions | マネージドのみ | マネージドまたは持ち込み |
| 認証 | サービス定義のみ | サービス定義 + カスタムOIDC |
| SLA | なし | あり |
| Private Endpoint | なし | あり |
この表のとおり、Freeプランでも100GBの帯域幅、SSL証明書、カスタムドメイン2つ、ステージング環境3つが利用でき、個人プロジェクトや小規模サイトであれば十分な機能を備えています。Standardプランは$9/アプリ/月と競合サービス（Vercel $20/メンバー/月、Netlify $19/メンバー/月）と比較しても低価格で、特にアプリ単位の課金体制はチーム規模が大きい場合にコスト優位性があります。
Azure料金計算ツールを使えば、帯域幅の超過分やAzure Functionsの実行回数を含めた月額コストを事前にシミュレーションできます。
Dedicated Planの廃止と現行2プラン体制
2025年10月に、月額$99のDedicated Planが廃止されました。Dedicated Planはエンタープライズグレードのエッジ配信やカスタムドメイン数の拡張を提供していましたが、Standardプランの機能拡充により統合されています。エンタープライズグレードのエッジ機能は、Standardプランのオプション（$17.52/アプリ/月の追加料金）として引き続き利用可能です。
現在Dedicated Planを利用中の場合は、Standardプラン + エンタープライズエッジオプションへの移行を検討してください。Azureの料金体系を確認した上で、Azureのサポートプランを活用してMicrosoftに移行相談をすることも可能です。
まとめ
Azure Static Web Appsは、GitHub Actions / Azure DevOpsとの統合CI/CD、6種類の認証プロバイダー、Azure Functionsによるサーバーレスバックエンド、グローバルCDNを備えた静的Webアプリのホスティングサービスです。Freeプランでも100GBの帯域幅とSSL証明書を利用でき、Standardプランは$9/アプリ/月と競合サービスよりも低価格で提供されています。
Azure Static Web Appsの導入は、以下の3ステップで進めてください。まず第一に、Freeプランでアプリを作成し、GitHubリポジトリと連携してCI/CDの自動デプロイを体験します。第二に、Azure Functionsを追加してバックエンドAPIの構築を試し、認証機能を設定してアクセス制御を検証します。第三に、プロダクション運用の要件（カスタムドメイン数、ストレージ、SLA）を評価した上でStandardプランへの移行を判断します。
Microsoft Learnの公式ドキュメントにはチュートリアルやクイックスタートガイドも用意されているため、初めての方でもすぐに始められます。Azure Storageの概要も合わせて確認すると、静的コンテンツのホスティング方式の全体像を把握できます。
