Azure の JavaScript 開発者ツールの概要

JavaScript は、多くのツールのエコシステムです。 この記事は、JavaScript 開発者向けに Microsoft が構築および保守しているツールの一部です。 Azure を使用するためにこれらのツールを使用する必要はなく、機能とサポートの両方でエクスペリエンスが向上します。

Azure Portal

Azure portal では、アカウントのすべてのサブスクリプションとリソースにアクセスできます。 新しい Azure portal の機能強化 により、ナビゲーションとカスタマイズのオプションが改善されました。

Visual Studio Code

Visual Studio Code は、Azure の JavaScript 開発に適した IDE です。 インターフェイス、機能、拡張機能が連携して、開発時間を短縮し、開発のフラストレーションを軽減します。

ローカル開発プロジェクトのルートにプロジェクト ワークスペースを作成し、関連するすべての構成、設定、拡張機能を追加します。 プロジェクトと一緒にワークスペース ファイルをチェックインして、すべてのチーム メンバーがプロジェクトに必要な設定とツールにアクセスできるようにします。

Visual Studio Code を使用すると、いくつかの利点があります。

• Visual Studio Code で Azure リファレンス ドキュメントがインラインで表示される
• Visual Studio Code は、GitHub Copilot による AI 支援開発によるステートメント補完を提供します
• あいまいな型やオブジェクトが少ない
• 統合ターミナルとデバッグのサポート

Visual Studio Code には、 JavaScript プロジェクトの使用に関する豊富なドキュメントが用意されています。

Azure サービス用のツール

次の無料の拡張機能を使用して、Visual Studio Code で Azure サービスを直接使用します。

VS Code のすべての Azure 拡張機能を調べる

TypeScript

TypeScript は JavaScript のすべての機能を提供し、強力でありながら柔軟な型システムを提供します。 TypeScript 5.0+ には、パフォーマンスの大幅な改善と、リソース管理のための using ステートメントなどの新機能が含まれています。

TypeScript と Azure SDK クライアント ライブラリ

Azure SDK クライアント ライブラリのリファレンス ドキュメントは、クライアント ライブラリが TypeScript で記述されているため、TypeScript 用に記述されています。 Azure SDK クライアント ライブラリを使用するために TypeScript を使用する必要はありません。

Azure SDK の TypeScript ガイドラインの詳細については、こちらを参照してください。

デプロイメント

Azure の優れたデプロイ ツールは、 Azure Development CLI です。 このツールを使用すると、 Bicep または Terraform を使用して Azure サービスを作成および構成し、ソース コードをデプロイできます。

Awesome AZD を使用してデプロイ可能なサンプルを見つけ、Azure のエンドツーエンド ソリューションを理解します。

継続的インテグレーションとテスト (CICD) ツール

ビルドとデプロイのための次の統合ツールを使用すると、パイプラインの生産性が向上します。

• Git または Git for Windows
• OIDC 認証をサポートするGitHub Actions
• Azure Pipelines の統合
• GitHub Copilot による AI 支援コーディングとテストを実現

コンテナー

Microsoft または Azure 固有の Docker イメージを探している場合は、 Microsoft Container Registry (MRC) を使用して イメージをクエリします。

コンテナ用ツール:

• 港湾労働者
• リモート - コンテナ
• リモート - SSH

開発コンテナ用のツール:

• 開発コンテナ
• Dev コンテナ拡張機能
• クラウド開発環境用の GitHub Codespaces

Azure CLI（Azure コマンドライン インターフェイス）

Azure CLI は、コマンド ラインから Azure リソースを管理するために最適化されています。

Azure CLI には、次の使用シナリオが用意されています。

• Azure CLI ローカル インストール
• Azure Cloud Shell
• Docker コンテナー

Azure portal を使用する場合、Azure CLI はポータルの上部のナビゲーション バーから使用できます。

サンプル アプリケーション、コード、スニペット

GitHub 組織である Azure-Samples には、Azure によって提供される製品とサービス全体の多くのサンプルが含まれています。 Azure サンプル ブラウザーを使用して、ニーズを満たすサンプルを見つけます。

その他のサンプルは次のとおりです。

• Azure SDK for JS のサンプル
• JS 用 Microsoft Authentication Library (MSAL.js) のサンプル
• JavaScript のエンドツーエンド のサンプル
• RAGアプリケーション用のAIサンプル

劇作家

Playwright は、Chromium、Firefox、WebKitを1つのAPIで自動化できる Node.js ライブラリです。 Playwrightは、常に環境に優しく、機能的で、信頼性が高く、高速なクロスブラウザWeb自動化を可能にするために構築されています。 コンポーネント テストと UI モードをサポートし、デバッグを強化しました。

急ぐ

Rush は、Web 用のスケーラブルなモノレポ マネージャーです。 最近の更新により、パフォーマンスが向上し、Node.js 20 のサポートが追加されました。

Windows ターミナル

Windows ターミナル を使用すると、Azure CLI や Ubuntu など、同じ Windows アプリケーションからいくつかの異なるターミナルの種類にアクセスできます。 このツールを使用して、GitHub Actions または別のパイプラインで CICD bash スクリプトを使用する前に、それらのスクリプトを開発およびテストします。

Linux 用 Windows サブシステム

Windows Subsystem for Linux を使用すると、開発者は、従来の仮想マシンやデュアル ブート セットアップのオーバーヘッドなしに、ほとんどのコマンド ライン ツール、ユーティリティ、アプリケーションを含む GNU/Linux 環境を Windows 上で直接実行できます。 WSL 2 では、パフォーマンスが大幅に向上し、システム呼び出しとの完全な互換性が提供されます。

Azure JavaScript 開発者のヒントとテクニック

次の一覧には、Azure 開発者が生産性を高めるために知っておくべきヒントとコツが含まれています。

• Azure リソース の名前付けスキーマ を開発します。
• Azure リソースを リソース グループにグループ化し、名前付けスキーマも使用します。
• Azure リソースごとに、リソースの目的、プロジェクト、その他の重要な情報を伝える タグ を追加します。 これらのタグは、Azure portal のそのリソースの [概要] ページに表示されます。 タグは、リソースを文書化する方法と考えてください。
• ほとんどのリソースには、サブスクリプションごとに少なくとも 1 つの 無料バージョン があります。 このタイプのリソースは、使用方法を学びながら使用してください。
• "既定でセキュリティで保護" ソリューションの場合は、 接続文字列やパスワードを使用せずにリソースを作成する方法を確認してください。 このセキュリティにより、接続文字列を管理したり、キーをローテーションしたりすることなく、すべての環境で同じコードを使用できます。
• Azure の最新の npm パッケージは、 @azure スコープで始まります。
• ほとんどの Azure npm パッケージでは、 DefaultAzureCredential を使用できます。 セットアップは複雑に見えますが、Azure プラットフォームへのローカル認証 と リモート認証を管理する必要がなくなるという利点は、セキュリティと時間の節約にとって大きなメリットです。
• すべての Azure JavaScript SDK には、TypeScript 型が含まれています。 この機能により、ソリューションに強力な型を簡単に採用でき、SDK と同期しなくなることはありません。

関連コンテンツ

• 開発環境のセットアップ
• Visual Studio Code で GitHub リポジトリを複製して使用する