Share via

Contoso の不動産を使用した最新のクラウド開発

  • [アーティクル]

Contoso Real Estate アプリケーションには、エンタープライズ レベルの最新のコンポーザブル フロントエンド (またはマイクロフロントエンド) とクラウドネイティブ アプリケーションを構築するための参照アーキテクチャとコンポーネントが含まれています。 これは、最新の JavaScript アプリケーションをビルドして Azure にデプロイするために使用できるベスト プラクティス、アーキテクチャ パターン、および機能コンポーネントのコレクションです。

Contoso Real Estate ソリューションで使用される最新のクラウド開発には、アプリケーションの開発、デバッグ、ビルド、デプロイ、テストを行うためのツールが含まれています。

開発者環境

効果的で効率的な開発チームは、開発環境を決定し、常にメインします。

開発コンテナー

開発環境は、チームのすべての開発者で同じである必要があります。 また、その環境では、運用環境を可能な限りミラーする必要があります。 開発コンテナー は、コミュニティ サポート、仕様、ツール、ガイド、テンプレートを備えた業界標準です。 開発コンテナーは、オペレーティング システム、言語、およびチームの効率のために必要なその他のツール用にメインに含める必要があります。

Visual Studio Code には、ソース コードをラップする開発コンテナーの作成プロセスが簡単に用意されており、コンテナーを記述する代わりにコードを記述できます。 コンテナーを開発する場合は、既存のコンテナーを持ち込むか、指定された開発コンテナー ファイルを変更できます。

IDE

統合開発環境 (IDE) は、コードをより効率的に記述、テスト、デバッグするための包括的なツールと機能を開発者に提供するソフトウェア アプリケーションです。 ソフトウェア開発のさまざまな側面を 1 つの環境に統合することで、開発プロセスを合理化するように設計されています。 統合開発環境 IDE では、開発コンテナーと組み合わせると、チームの残りの部分を引き続きサポートしながら、新しいチーム メンバーをすばやくオンボードできます。 設定、拡張機能、その他の統合を含む IDE への変更は開発コンテナーで指定できるため、すべてのチーム メンバーが手動の手順に依存することなく同じ環境を持つことができます。

クロスプラットフォーム開発者チームの場合は、Visual Studio Code を使用します。

コード品質ツール

コード品質ツールは、書式設定とスタイルのガイドラインを適用し、コード標準を適用することで潜在的な実行時の問題をキャッチするために、開発中に適用されます。 コード品質ツールはプログラミング言語に固有であり、サポートと進行を保証するためにコミュニティでサポートされています。 Visual Studio Code には、一般的なコード品質ツールとの統合が用意されています。

Contoso は、次のコード品質ツールを使用します。

自動テスト

開発環境を使用すると、開発者は、変更をビルドおよびテスト パイプラインにプッシュすることなく、コードをすばやく記述し、プロジェクトに与える影響を テスト できます。 Visual Studio Code には、自動テスト ツールとの統合が用意されています。 ブラウザーや API のテストを含むエンドツーエンドのテストには PlayWright を使用します。

Contoso は次を使用します。

CLI

コマンド ライン インターフェイスを使用すると、開発者は開発環境で迅速に作業し、パイプラインをビルドおよびデプロイするための任意の自動化ツールに CLI を追加できます。

Contoso は次の CLI を使用します。

Developer Compute

開発者のワークステーションは、クラウドまたは物理マシンとして配置できます。 コンピューティング リソースの場所に関係なく、最新のクラウド開発者が必要とするコンポーネントを簡単に統合できます。

コードスペース

Codespaces は、GitHub リポジトリで使用できる開発者コンテナーです。 ブラウザーまたはローカル IDE で、Codespaces でリポジトリを開きます。 一般的な開発者フローですぐに作業を開始し、書き込み、デバッグ、テスト、GITHub リポジトリへの PR のプッシュを行います。 Codespaces では、環境変数、依存関係のインストール、CLI など、環境に対する特定の変更が保持されます。

GitHub から Web ブラウザーでプロジェクトを開くか、ローカル バージョンの Visual Studio Code からコンテナーを開くことができます。 どちらも同じ開発コンテナーを使用します。

開発者向けのクラウド リソース

開発者は、開発中にクラウド リソースにアクセスする必要があります。 リソースによっては、開発チームはローカル エミュレーター (使用可能な場合) を使用するか、コード ファイルと同じインフラストラクチャを使用して開発者リソースを提供することを選択できます。

Azure Dev CLI (AZD) などのツールを使用したコードとしてのインフラストラクチャを使用すると、クラウド リソースをすばやく作成して破棄できます。

このプロジェクトには、独立してデプロイできる論理サービスを定義するルート レベルのファイル azure.yml があります。 各サービスをサポートするリソースは、infra フォルダーで定義されます。

Azure Developer CLI (AZD) では、コマンドを使用して、すべてのリソースまたは論理サービスに対してリソースを azd provision 作成できます。

ソース管理、継続的インテグレーション、デプロイ

ソース管理 は、開発サイクル中に変更を追跡する機能を提供します。 Contoso は git を使用してバージョン管理を管理し、GitHub を使用してソース コードを格納します。

継続的インテグレーションを使用すると、メイン ブランチにマージする前にソース コードに対する変更を検証できます。 Contoso は継続的インテグレーションに .github/workflows ファイルを使用します。

デプロイ は、ソース コードと関連ファイルをクラウドに移動するプロセスです。 Azure Developer CLI (AZD) は、コマンドを使用してデプロイを azd deploy 提供します。