azure-static-web-apps
Azure Static Web Appsの開発全般に関する専門知識を提供し、トラブルシューティングからセキュリティ、デプロイまで幅広くサポートするSkill。
📜 元の英語説明(参考)
Expert knowledge for Azure Static Web Apps development including troubleshooting, decision making, limits & quotas, security, configuration, integrations & coding patterns, and deployment. Use when wiring SWA APIs to Azure DBs, configuring custom domains/auth, CI/CD, preview slots, or Front Door/CDN, and other Azure Static Web Apps related development tasks. Not for Azure App Service (use azure-app-service), Azure Functions (use azure-functions), Azure Container Apps (use azure-container-apps), Azure Kubernetes Service (AKS) (use azure-kubernetes-service).
🇯🇵 日本人クリエイター向け解説
Azure Static Web Appsの開発全般に関する専門知識を提供し、トラブルシューティングからセキュリティ、デプロイまで幅広くサポートするSkill。
※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。
⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。
🎯 このSkillでできること
下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。
📦 インストール方法 (3ステップ)
- 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
- 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
- 3. 展開してできたフォルダを、ホームフォルダの
.claude/skills/に置く- · macOS / Linux:
~/.claude/skills/ - · Windows:
%USERPROFILE%\.claude\skills\
- · macOS / Linux:
Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。
詳しい使い方ガイドを見る →- 最終更新
- 2026-05-17
- 取得日時
- 2026-05-17
- 同梱ファイル
- 1
📖 Skill本文(日本語訳)
※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。
Azure Static Web Apps スキル
このスキルは、Azure Static Web Apps に関する専門的なガイダンスを提供します。トラブルシューティング、意思決定、制限とクォータ、セキュリティ、構成、統合とコーディングパターン、デプロイについて網羅しています。ローカルのクイックリファレンスコンテンツとリモートドキュメント取得機能を組み合わせています。
このスキルの使い方
Agent への重要事項: 以下のカテゴリインデックスを使用して、関連するセクションを見つけてください。行範囲が指定されているカテゴリ (例:
L35-L120) の場合は、指定された行でread_fileを使用してください。ファイルリンクが指定されているカテゴリ (例:[security.md](security.md)) の場合は、リンクされた参照ファイルでread_fileを使用してください。
Agent への重要事項:
metadata.generated_atが 3 か月以上前の場合は、ユーザーにリポジトリから最新バージョンをプルするように提案してください。mcp_microsoftdocsツールが利用できない場合は、ユーザーにインストールを提案してください: インストールガイド
このスキルは、ドキュメントコンテンツを取得するためにネットワークアクセスを必要とします。
- 推奨: クエリ文字列
from=learn-agent-skillを指定してmcp_microsoftdocs:microsoft_docs_fetchを使用してください。Markdown を返します。 - フォールバック: クエリ文字列
from=learn-agent-skill&accept=text/markdownを指定してfetch_webpageを使用してください。Markdown を返します。
カテゴリインデックス
| カテゴリ | 行 | 説明 |
|---|---|---|
| トラブルシューティング | L35-L39 | ビルドの失敗、構成の問題、トラブルシューティングツール/ログなど、一般的な Static Web Apps のデプロイおよびランタイムの問題の診断と修正。 |
| 意思決定 | L40-L47 | 主要なアーキテクチャの選択に関するガイダンス: Functions ホスティングモデル、Front Door/CDN エッジの使用、Next.js デプロイオプション、Free と Standard Static Web Apps プランの比較。 |
| 制限とクォータ | L48-L53 | Static Web Apps のランタイムバージョンと言語サポート、およびプラン固有のクォータと制限 (ストレージ、帯域幅、関数、同時実行、リソース上限)。 |
| セキュリティ | L54-L65 | 認証、ロール、シークレット、アクセス (Entra ID/Graph ロール、認証プロバイダー、ユーザー情報、デプロイトークン、Key Vault/マネージド ID、パスワード保護、プライベートエンドポイント) の構成。 |
| 構成 | L66-L92 | Static Web Apps のドメイン、DNS、バックエンド (Functions、App Service、Container Apps、APIM)、ビルド/ランタイム設定、ローカルエミュレーション (SWA CLI)、監視、データベース/ネットワークの構成。 |
| 統合とコーディングパターン | L93-L101 | Mongoose の使用法、接続文字列、一般的な統合パターンを含め、Static Web Apps API を Azure データベース (Cosmos DB、SQL、MySQL、PostgreSQL) に接続する方法。 |
| デプロイ | L102-L118 | GitHub/GitLab/Bitbucket/CLI/ARM/Bicep を介した Static Web Apps のデプロイ、CI/CD の構成、プレビュー環境、トラフィック分割、およびオプションの Azure Front Door CDN セットアップ。 |
トラブルシューティング
| トピック | URL |
|---|---|
| Azure Static Web Apps で一般的なデプロイとランタイムの問題をトラブルシューティングする | https://learn.microsoft.com/en-us/azure/static-web-apps/troubleshooting |
意思決定
| トピック | URL |
|---|---|
| Static Web Apps 用のマネージド Azure Functions と独自の Azure Functions のどちらかを選択する | https://learn.microsoft.com/en-us/azure/static-web-apps/apis-functions |
| Azure Front Door と CDN を使用して Azure Static Web Apps のエンタープライズグレードのエッジを使用する | https://learn.microsoft.com/en-us/azure/static-web-apps/enterprise-edge |
| Static Web Apps で Next.js デプロイモデルを選択する | https://learn.microsoft.com/en-us/azure/static-web-apps/nextjs |
| Azure Static Web Apps の Free プランと Standard プランを選択する | https://learn.microsoft.com/en-us/azure/static-web-apps/plans |
制限とクォータ
| トピック | URL |
|---|---|
| Azure Static Web Apps でサポートされている言語とランタイムバージョン | https://learn.microsoft.com/en-us/azure/static-web-apps/languages-runtimes |
| Azure Static Web Apps プランのクォータと制限 | https://learn.microsoft.com/en-us/azure/static-web-apps/quotas |
セキュリティ
| トピック | URL |
|---|---|
| Microsoft Graph と Entra ID を使用して Static Web Apps のロールを割り当てる | https://learn.microsoft.com/en-us/azure/static-web-apps/assign-roles-microsoft-graph |
| Azure Static Web Apps の認証と承認を構成する | https://learn.microsoft.com/en-us/azure/static-web-apps/authentication-authorization |
| Azure Static Web Apps のカスタム認証プロバイダーを構成する | https://learn.microsoft.com/en-us/azure/static-web-apps/authentication-custom |
| Azure Static Web Apps のデプロイトークンを管理およびリセットする | https://learn.microsoft.com/en-us/azure/static-web-apps/deployment-token-management |
| Static Web Apps の認証シークレットに Key Vault とマネージド ID を使用する | https://learn.microsoft.com/en-us/azure/static-web-apps/key-vault-secrets |
| Azure Static Web Apps 環境のパスワード保護を有効にする | https://learn.microsoft.com/en-us/azure/static-web-apps/password-protection |
| Azure Static Web Apps のプライベートエンドポイントアクセスを構成する | https://learn.microsoft.com/en-us/azure/static-web-apps/private-endpoint |
| Azure Static Web Apps で認証済みユーザー情報にアクセスする | https://learn.microsoft.com/en-us/azure/static-web-apps/user-information |
構成
| トピック | URL |
|---|---|
| Azure DNS を使用して Static Web Apps の apex ドメインを構成する | https://learn.microsoft.com/en-us/azure/static-web-apps/apex-domain-azure-dns |
| 外部レジストラを使用して Static Web Apps の apex/ルートドメインを構成する | https://learn.microsoft.com/en-us/azure/static-web-apps/apex-domain-external |
| Azure API Management と Static Web Apps の統合を構成する | https://learn.microsoft.com/en-us/azure/static-web-apps/apis-api-management |
| Azure App Service バックエンドを Azure Static Web Apps にリンクする | https://learn.microsoft.com/en-us/azure/static-web-apps/apis-app-service |
| Azure Container Apps を Static Web Apps の API として統合する | https://learn.microsoft.com/en-us/azure/static-web-apps/apis-container-apps |
| Static Web Apps バックエンド API のアプリケーション設定を設定する | https://learn.microso |
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開
Azure Static Web Apps Skill
This skill provides expert guidance for Azure Static Web Apps. Covers troubleshooting, decision making, limits & quotas, security, configuration, integrations & coding patterns, and deployment. It combines local quick-reference content with remote documentation fetching capabilities.
How to Use This Skill
IMPORTANT for Agent: Use the Category Index below to locate relevant sections. For categories with line ranges (e.g.,
L35-L120), useread_filewith the specified lines. For categories with file links (e.g.,[security.md](security.md)), useread_fileon the linked reference file
IMPORTANT for Agent: If
metadata.generated_atis more than 3 months old, suggest the user pull the latest version from the repository. Ifmcp_microsoftdocstools are not available, suggest the user install it: Installation Guide
This skill requires network access to fetch documentation content:
- Preferred: Use
mcp_microsoftdocs:microsoft_docs_fetchwith query stringfrom=learn-agent-skill. Returns Markdown. - Fallback: Use
fetch_webpagewith query stringfrom=learn-agent-skill&accept=text/markdown. Returns Markdown.
Category Index
| Category | Lines | Description |
|---|---|---|
| Troubleshooting | L35-L39 | Diagnosing and fixing common Static Web Apps deployment and runtime issues, including build failures, configuration problems, and troubleshooting tools/logs. |
| Decision Making | L40-L47 | Guidance on key architecture choices: Functions hosting model, using Front Door/CDN edge, Next.js deployment options, and comparing Free vs Standard Static Web Apps plans. |
| Limits & Quotas | L48-L53 | Runtime versions and language support for Static Web Apps, plus plan-specific quotas and limits (storage, bandwidth, functions, concurrency, and resource caps). |
| Security | L54-L65 | Configuring auth, roles, secrets, and access: Entra ID/Graph roles, auth providers, user info, deployment tokens, Key Vault/managed identity, password protection, and private endpoints. |
| Configuration | L66-L92 | Configuring domains, DNS, backends (Functions, App Service, Container Apps, APIM), build/runtime settings, local emulation (SWA CLI), monitoring, and database/network for Static Web Apps. |
| Integrations & Coding Patterns | L93-L101 | How to connect Static Web Apps APIs to Azure databases (Cosmos DB, SQL, MySQL, PostgreSQL), including Mongoose usage, connection strings, and typical integration patterns. |
| Deployment | L102-L118 | Deploying Static Web Apps via GitHub/GitLab/Bitbucket/CLI/ARM/Bicep, configuring CI/CD, preview environments, traffic splitting, and optional Azure Front Door CDN setup |
Troubleshooting
| Topic | URL |
|---|---|
| Troubleshoot common deployment and runtime issues in Azure Static Web Apps | https://learn.microsoft.com/en-us/azure/static-web-apps/troubleshooting |
Decision Making
| Topic | URL |
|---|---|
| Choose managed vs bring-your-own Azure Functions for Static Web Apps | https://learn.microsoft.com/en-us/azure/static-web-apps/apis-functions |
| Use enterprise-grade edge for Azure Static Web Apps with Azure Front Door and CDN | https://learn.microsoft.com/en-us/azure/static-web-apps/enterprise-edge |
| Select Next.js deployment model on Static Web Apps | https://learn.microsoft.com/en-us/azure/static-web-apps/nextjs |
| Choose Azure Static Web Apps Free vs Standard plans | https://learn.microsoft.com/en-us/azure/static-web-apps/plans |
Limits & Quotas
| Topic | URL |
|---|---|
| Supported languages and runtime versions for Azure Static Web Apps | https://learn.microsoft.com/en-us/azure/static-web-apps/languages-runtimes |
| Quotas and limits for Azure Static Web Apps plans | https://learn.microsoft.com/en-us/azure/static-web-apps/quotas |
Security
Configuration
Integrations & Coding Patterns
| Topic | URL |
|---|---|
| Use Mongoose with Azure Cosmos DB in Static Web Apps | https://learn.microsoft.com/en-us/azure/static-web-apps/add-mongoose |
| Connect Azure Static Web Apps to Azure Cosmos DB | https://learn.microsoft.com/en-us/azure/static-web-apps/database-azure-cosmos-db |
| Connect Azure Static Web Apps to Azure SQL Database | https://learn.microsoft.com/en-us/azure/static-web-apps/database-azure-sql |
| Connect Azure Static Web Apps to Azure Database for MySQL | https://learn.microsoft.com/en-us/azure/static-web-apps/database-mysql |
| Connect Azure Static Web Apps to Azure Database for PostgreSQL | https://learn.microsoft.com/en-us/azure/static-web-apps/database-postgresql |