次の方法で共有

JavaScript 開発者にとって Azure とは

Azure は、さまざまなホスティング オプションとクラウドベースのサービスを提供するクラウド プラットフォームです。 クラウド開発を初めて使用する場合は、Azure の詳細を確認してください。

JavaScript、TypeScript、および最新の JavaScript エコシステム

Azure では、次のような最新の JavaScript 開発が完全にサポートされています。

  • TypeScript - 型指定された SDK と DevOps ツールを使用したファーストクラスのサポート
  • ECMAScript モジュール - すべての Azure SDK で CommonJS 形式と ESM 形式の両方がサポートされます
  • 最新のフレームワーク - React、Angular、Vue、Next.js、Nuxt、Remix、およびその他のモダン フレームワーク
  • Deno と Bun - 実験用の Azure SDK サポートを備えた新しい JavaScript ランタイム
  • サーバー側レンダリング (SSR) と 静的サイト生成 (SSG) - Azure ホスティング プラットフォームで完全にサポート

JavaScript に対する Azure ランタイムのサポートでは、TypeScript やその他の JavaScript にトランスパイルする言語もサポートされています。 Azure SDK for JavaScript は TypeScript で記述されており、優れた IDE サポートと型セーフを提供するための型定義が含まれています。

JavaScript 開発者向けの Azure サービス

Azure クラウドベースのサービスには、独立して、またはコレクションとして使用できるさまざまな機能が用意されています。

JavaScript 開発者向けの上位のサービス カテゴリは次のとおりです。

クイック スタート センターで Azure サービスを作成する

Azure クラウドの学習を開始したら、 アカウントを無料で作成してから、Azure portal の クイック スタート センター に移動します。

Azure portal の各サービスのページには、ポータルの外部でリソースにアクセスするために必要な接続情報が含まれています。

価格レベル

価格レベルによって、リソースの支払い方法が決まります。 Azure 料金計算ツールを使用して、リソースの課金を理解します。

Free レベルのリソース

Free (F0) 価格レベルを選択する場合は、そのプランに付属する制限事項を理解してください。 Free レベルが提供される場合:

  • サブスクリプションは、そのサービスの 1 つの無料リソースに制限される場合があります。 無料のリソースを作成できない場合は、サブスクリプションに空きリソースが既に存在している可能性があります。
  • 価格レベルでは、1 秒あたりのトランザクション数 (TPS) または 1 か月あたりのトランザクション数 (TPM) が決まります。 価格レベルのクォータを超えると、アプリケーションは HTTP エラーを受け取り、クォータ不足であることを示すメッセージが表示されます。 アプリケーションと Azure サービスでこの問題が予想される場合は、複数のリソースを作成し、1 つのエンドポイントの背後でホストします。

開発環境を準備する

最適な開発環境を実現するには、次のツールを使用して開発環境を設定します。

  • Visual Studio Code と Azure Tools 拡張機能
  • Git
  • Node.js - 可能であれば、常に長期サポート (LTS) バージョンを使用してください。
  • ローカル開発ランタイムを Azure ホスト型ランタイム (Azure App Service、Azure Functions、Azure Static Web アプリなど) と同期する必要がある場合は、次のようなランタイム バージョン管理ソリューションを使用します。
  • 開発コンテナー: 特定の Node.js バージョンのコンテナーを使用します。 コンテナーを使用して、複数の環境で Node.js のバージョンを管理できます。 Visual Studio Code の Remote - Containers 拡張機能 を使用すると、このプロセスが簡略化されます。
  • Azure リソース の作成と管理を提供する Azure CLI。
  • 次のような CLI をホストするローカル開発

JavaScript で Azure クライアント ライブラリを使用する

JavaScript でプログラムによって Azure サービスを使用するには、使用するサービスに固有の npm パッケージ を見つけます。 各 npm パッケージには、サービス固有の接続情報があります。

すべての Azure クライアント ライブラリは、他のツールなしで JavaScript で実行されます。 最新の SDK のほとんどは TypeScript で記述され、型チェック用の *.d.ts ファイルを提供しますが、TypeScript は Azure クライアント ライブラリや Azure クラウド サービスを使用する必要はありません。

JavaScript コードでは、コードがホストされている場所 (ローカル、ハイブリッド、クラウド) に関係なく、Azure サービスを使用できます。 JavaScript で Azure サービスをプログラムで使用する推奨される方法は、Azure クライアント ライブラリです。 これらのライブラリでは、長期サポート (LTS) を使用した最小 Node.js が必要です。

Azure SDK for JavaScript

Azure SDK for JavaScript には、Azure サービスの使用と管理を容易にするライブラリが用意されています。 完全な Azure SDK ライブラリ パッケージ インデックスを参照して、必要なパッケージを見つけます。

主な機能は次のとおりです。

  • 各 Azure サービスのモジュール型 npm パッケージ
  • 包括的な型定義を使用したファーストクラスの TypeScript のサポート
  • Promise ベースの API を使用した最新の非同期パターン
  • 多くのサービスのブラウザーと Node.js の互換性

Azure での Node.js サポート

Azure サービスは、Node.js ランタイムのサポートを定期的に更新します。 運用アプリケーションには、Long-Term サポート (LTS) バージョンの Node.js を常に使用してください。

Azure サービス全体での現在の Node.js バージョンのサポートと、Node.js デプロイのベスト プラクティスについては、次を参照してください。

ベスト プラクティスには、Node.js バージョンのピン留め、LTS バージョンの使用、セキュリティの脆弱性の監視などがあります。

Azure ホスティング サービスを使用する場合は、コンテナーをホストにデプロイするか、ホストのランタイムとして Node.js バージョンを選択するかを選択できます。 どちらの場合も、ランタイムのバージョン、アプリケーション コード、および Azure SDK などの依存関係を調整する必要があります。

ランタイム情報を検索するには、次の表を使用します。

サービス

バージョン情報

Azure App Service

Linux ランタイムの場合。 次の Azure CLI コマンドを実行して、サポートされているすべてのバージョンを表示することもできます。

az webapp list-runtimes | grep node

Azure Functions

新しいプロジェクトでは、最新のプログラミング モデルを使用する必要があります。

Azure Static Web Apps (SWA)

考慮すべきランタイムは 2 つあります。静的 Web Apps で API をホストしている場合は、フロントエンドと API です。

SWAのCLI

SWA CLI は、プロキシ、認証、およびその他の構成を含む開発環境の機能を提供します。

ホスティング シナリオ用の JavaScript クイック スタートを試す

ホスティング オプションを使用すると、アプリケーションに Azure をすばやく使用できます。 次のホスティング のクイックスタートとチュートリアルでは、最も一般的な Azure の最初の日のエクスペリエンスについて説明します。

次のステップ

  • Last updated on