Azure での JavaScript 開発者向けツール
JavaScript は多くのツールからなるエコシステムです。 この記事は、Microsoft が JavaScript 開発者向けに構築して管理するツールを選択したものです。 Azure を使用するためにこれらのツールを使用する必要はありませんが、機能とサポートの両方においてエクスペリエンスが向上するだけです。
Azure portal
Azure portal を使用すると、アカウントのすべてのサブスクリプションとリソースにアクセスできます。
Visual Studio Code
Visual Studio Code は、Azure の JavaScript 開発に適した IDE です。 インターフェイス、機能、および拡張機能が連携することで、開発時間が短縮され、開発のフラストレーションが軽減されます。
ローカル開発プロジェクトのルートにプロジェクト ワークスペースを作成し、関連するすべての構成、設定、および拡張機能を追加します。 ワークスペース ファイルをプロジェクトにチェックインし、すべてのチーム メンバーがプロジェクトに必要な設定とツールにアクセスできるようにします。
Visual Studio Code の使用には、いくつかの利点があります。
- Visual Studio Code には、Azure のリファレンス ドキュメントがインラインで表示されます
- Visual Studio Code では、ステートメント入力候補が表示されます
- あいまいな型やオブジェクトがほとんどありません
Visual Studio Code には、JavaScript プロジェクトで使用するための豊富なドキュメントが用意されています。
Azure サービス用のツール
Visual Studio Code で直接 Azure サービスを使用するには、次の無料の拡張機能を使用します。
| サービス | ツール | 説明 |
|---|---|---|
| 上位のサービス | Visual Studio Code 拡張機能 | 拡張のコレクション。 Microsoft のこの 1 つの拡張機能で、すべての主要な Azure サービスを入手できます。 |
| Azure リソース グループ | Visual Studio Code 拡張機能 Azure CLI |
Azure リソースの表示および管理 チュートリアル: Visual Studio Code から App Service に Express.js MongoDB アプリをデプロイする チュートリアル: Web サイトへの Cognitive Search の追加 |
| Azure Static Web Apps | Visual Studio Code 拡張機能 SWA CLI |
VS Code 拡張機能または Static Web Apps CLI (SWA CLI) を使用して、Azure Static Web Apps を作成および管理します。 VS Code 拡張機能はエディターと統合され、SWA CLI は Azure サービスをローカルでシミュレートします。 |
| Azure Functions | Visual Studio Code 拡張機能 Azure CLI NPM パッケージ |
関数の作成、管理、表示、デバッグ、およびデプロイを行います クイックスタート: Visual Studio Code を使用して Azure に JavaScript 関数を作成する |
| Azure Container Apps | Visual Studio Code 拡張機能 Azure CLI containerapp |
Azure Container Apps を使用すると、サーバーレス プラットフォーム上でマイクロサービスとコンテナ化されたアプリケーションを実行できます。 コンテナ アプリを管理し、新しいバージョンを展開し、パフォーマンスを監視します。 チュートリアル: フロントエンド マイクロサービス アプリをデプロイする チュートリアル: バックエンドのマイクロサービス アプリをデプロイする |
| Azure Cosmos DB | Visual Studio Code 拡張機能 Azure CLI |
Azure でグローバル分散型のマルチモデル データベースを作成、参照、および更新します クイックスタート: Visual Studio Code を使用して Azure Functions を Azure Cosmos DB に接続する |
| Storage | Visual Studio Code 拡張機能 Azure CLI Storage エミュレーター - Azurite |
BLOB コンテナー、ファイル共有、テーブル、およびキューを含む Azure Storage クイックスタート: Visual Studio Code を使用して Azure Functions を Azure Storage に接続する |
すべての Azure 拡張機能を表示するには、次のリンクを使用します。
TypeScript
TypeScript は JavaScript のすべての機能を備え、強力でありながら柔軟な型システムを提供します。
TypeScript と Azure SDK クライアント ライブラリ
クライアント ライブラリは TypeScript で記述されているため、Azure SDK クライアント ライブラリのリファレンス ドキュメントは TypeScript で記述されています。 Azure SDK クライアント ライブラリを使用するために TypeScript を使用する必要はありません。
Azure SDK の TypeScript ガイドラインの詳細については、こちらを参照してください。
展開
Azure の主要なデプロイメント ツールは Azure Development CLIです。 このツールを使用すると、 Bicep または Terraform を使用して Azure サービスを作成および構成し、ソース コードをデプロイできます。
Awesome AZD を使用してデプロイ可能なサンプルを見つけ、Azure のエンドツーエンドのソリューションを理解します。
継続的インテグレーションとテスト (CICD) ツール
構築とデプロイメントのための次の統合ツールは、パイプラインの生産性を向上させます。
Containers
Microsoft または Azure 固有の Docker イメージを探している場合は、Microsoft Container Registry (MRC) を使用してイメージを照会します。
コンテナ用ツール
開発コンテナ用ツール
Azure CLI
Azure CLI は、コマンド ラインから Azure リソースを管理する目的に最適化されています。
Azure CLI には、次の使用シナリオがあります。
Azure portal を使用する場合、ポータルの上部のナビゲーション バーから Azure CLI を使用できる。
サンプル アプリケーション、コード、スニペット
GitHub 組織の Azure-Samples には、Azure によって提供される製品とサービスの多くのサンプルが含まれています。 Azure サンプル ブラウザーを使用して、ニーズに合ったサンプルを見つけてください。
他のサンプルは次のとおりです。
Playwright
Playwright は、1 つの API でChromium、Firefox、WebKit を自動化するための Node.js ライブラリです。 Playwright は、常に最新の、高機能で信頼性が高い、高速なクロスブラウザー Web 自動化を可能にするために構築されています。
緊急
Ruch は、Web 用のスケーラブルな単一リポジトリ マネージャーです。
Windows ターミナル
Windows ターミナルでは、同じ Windows アプリケーションから複数の異なる種類のターミナル (Azure CLI や Ubuntu など) にアクセスできます。 このツールを使用して、GitHub Actions または別のパイプラインで CICD bash スクリプトを使用する前に、それらのスクリプトを開発およびテストします。
Linux 用 Windows サブシステム
Linux 用 Windows サブシステムを使用すると、開発者は、従来の仮想マシンまたはデュアルブート セットアップのオーバーヘッドなしで、ほとんどのコマンド ライン ツール、ユーティリティ、アプリケーションを含む GNU/Linux 環境を変更せずそのまま Windows 上で直接実行できます。
Azure JavaScript 開発者向けのヒントとテクニック
次の一覧には、Azure 開発者が生産性を向上するために知る必要があるヒントとテクニックが含まれています。
- Azure リソース用の名前付けスキーマを作成します。
- Azure リソースをリソース グループにグループ化します。これには名前付けスキーマも使用します。
- Azure リソースごとに、リソースの目的、プロジェクト、その他の重要な情報を伝達するタグを追加します。 これらのタグは、Azure portal で、そのリソースの [概要] ページに表示されます。 タグは、リソースをドキュメント化するための手段と考えてください。
- ほとんどのリソースには、サブスクリプションごとに少なくとも 1 つの無料バージョンがあります。 このタイプのリソースの使用方法を学びながら使用してください。
- 「デフォルトで安全」なソリューションについては、 接続文字列やパスワードなしでリソースを作成する方法を学習してください。 このセキュリティにより、接続文字列を管理したりキーをローテーションしたりすることなく、すべての環境で同じコードを使用できます。
- Azure の最新の npm パッケージは、
@azureスコープで始まります。 - ほとんどの Azure npm パッケージでは、DefaultAzureCredential を使用できます。 セットアップは複雑なように見えますが、Azure プラットフォームに対するローカル "および" リモートの認証を管理する必要がなくなるという利点は、セキュリティと時間の節約において有効です。
- すべての Azure JavaScript SDK には TypeScript 型が含まれています。 この機能により、ソリューションに強力な型を簡単に採用でき、SDK との同期が失われることがなくなります。