演習 - Visual Studio Code を使用して開発環境を構成する

完了

Azure を使用して最新のアプリケーションを開発する前に、開発用コンピューターにいくつかのツールをインストールして構成する必要があります。

バス乗車のシナリオでは、これらのツールのいくつかを使用してマイクロサービス アーキテクチャを構築します。

Azure を使用して開発用のローカル コンピューターを構成する

ここでは、推奨される最新のツールと拡張機能をダウンロードする方法について学習します。 また、ローカル コンピューターでコード サンプルを設定し、残りのモジュールの言語 (Python、Node.js、または .NET Core) を選択します。

Visual Studio Code を使用してアプリケーションのライフサイクルを実行する

メインの開発ツールとして Visual Studio Code を使用します。 別のツールを選択する場合、演習でそれを使用してもかまいませんが、手順は Visual Studio Code の機能とオプションに対応している点に注意してください。

  1. Visual Studio Code は、すべてのオペレーティング システムで使用できます。 Visual Studio Code のダウンロード ページに移動し、オペレーティング システムに該当するアプリケーションをダウンロードしてインストールします。

  2. Azure Functions Core Tools をダウンロードしてインストールします。 これらのツールを使用すると、Azure Functions をローカルで実行できます。

  3. アクティビティ バーから [拡張機能] ペインを開きます。 次の拡張機能をインストールすることをお勧めします。

    • Azure アカウント: この拡張機能を使用すると、Azure に対して認証を行うことができます。
    • Azure Functions: この拡張機能を使用すると、Azure Functions を管理できます。
    • GitHub Pull Requests と Issues: この拡張機能を使用すると、GitHub に対して認証を行い、リポジトリを管理できます。
    • Azure リソース: この拡張機能を使用すると、Azure リソースを管理できます。
    • SQL Server (mssql): この拡張機能には、SQL Server に対してクエリを実行するためのツールと Azure SQL リソースが含まれています。
    • Microsoft Live Preview: この拡張機能を使用すると、Web アプリケーションをローカルで簡単に実行できます。
  4. メインのコード サンプルは GitHub にホストされています。 GitHub アカウントを使用して Visual Studio Code で GitHub にサインインすると、Visual Studio Code から複製、コミット、プッシュ、プルを行うことができます。 GitHub アカウントをお持ちでない場合は、こちらで作成してください。

  5. Visual Studio Code でアクセスできるように、GitHub リポジトリをフォークして複製する必要があります。 この手順を実行するには、GitHub アカウントを使用してブラウザーで GitHub にサインインし、Azure Samples serverless-full-stack-apps-azure-sql リポジトリに移動します。 [Fork] を選択します。

  6. [コード] を選択し、HTTPS クローン URL (たとえば、https://github.com/<github-username>/serverless-full-stack-apps-azure-sql.git) をコピーします。

  7. Visual Studio Code に戻り、アクティビティ バーから [ソース管理] ペインを選択します。

  8. [リポジトリのクローン] ボタンを選択し、前の手順でコピーした URL を入力します。 リポジトリをローカルにコピーする場所を選択します。 おそらく、これはローカル フォルダー (たとえば、C:\GitHub 内など) になります。 Git リポジトリ用として、OneDrive と同期される場所を選択しないでください。 この手順により、リポジトリがローカル コンピューターにダウンロードされます。

  9. クローンされたリポジトリを開くかどうかを Visual Studio Code から尋ねられたら、[開く] を選択します。 この手順により、Visual Studio Code のセッションでフォルダーが開きます。

  10. アクティビティ バーから [エクスプローラー] ペインを選択します。 リポジトリ ファイルが表示されていることを確認します。

Azure Data Studio を使用してデータ ソリューションにアクセスして構築する

Azure Data Studio は、任意のプラットフォーム (Windows、Mac、Linux) でさまざまなデータ サービス (SQL Server、Azure SQL、PostgreSQL など) を管理するためのオープン ソース アプリケーションです。 このモジュールでは、Azure Data Studio を使用して Azure SQL Database を管理し、ノートブックの機能にアクセスします。 ノートブックとは、実行可能なコード セルとテキスト セルを 1 つのファイルに混在させた、末尾が .ipynb のファイルを使用したドキュメントです。

  1. Azure Data Studio のダウンロード ページに移動し、お使いのオペレーティング システム用のアプリケーションをダウンロードしてインストールします。

  2. Azure Data Studio のレイアウトは Visual Studio Code に似ています。 [ファイル]>[フォルダーを開く] を選択し、リポジトリをクローンした場所に移動します。 この手順により、Azure Data Studio でフォルダーが開くため、今後の演習でリポジトリ ファイルに簡単にアクセスできます。

  3. アクティビティ バーから [エクスプローラー] ペインを選択します。 リポジトリ ファイルが表示されていることを確認します。