次の方法で共有


クイックスタート: Visual Studio Code を使用して Bicep ファイルを作成する

このクイックスタートでは、Visual Studio Code で Bicep ファイルを作成する手順について説明します。 ストレージ アカウントと仮想ネットワークを作成します。 また、Bicep 拡張機能に備わっているタイプ セーフ、構文の検証、オートコンプリートによって、開発がどのように簡略化されるかについても説明します。

同様の作成エクスペリエンスは、Visual Studio でもサポートされています。 「クイック スタート: Visual Studio を使用して Bicep ファイルを作成する」を参照してください。

前提条件

Azure サブスクリプションをお持ちでない場合は、開始する前に無料アカウントを作成してください。

Bicep の開発環境を設定するには、「Bicep ツールをインストールする」を参照してください。 これらの手順を完了すると、Visual Studio CodeBicep 拡張機能を利用できるようになります。 また、最新の Azure CLI または最新の Azure PowerShell モジュールを用意します。

リソース スニペットを追加する

VS Code と Bicep 拡張機能を使用すると、提供される定義済みスニペットによって開発を簡略化できます。 このクイックスタートでは、仮想ネットワークを作成するスニペットを追加します。

Visual Studio Code を起動し、main.bicep という名前の新しいファイルを作成します。

[main.bicep] に「vnet」と入力し、リストから [res-vnet] を選択して [TAB] または [ENTER] キーを押します。

仮想ネットワークのスニペットの追加を示すスクリーンショット。

ヒント

これらの IntelliSense オプションが VS Code に表示されない場合は、「前提条件」で指定されている Bicep 拡張機能をインストールしていることを確認してください。 この拡張機能をインストールしている場合は、Bicep ファイルを開いた後、Bicep 言語サービスが起動されるまで少し時間を置いてください。 これは通常はすぐに起動しますが、起動するまでは IntelliSense オプションが表示されません。 右下隅の通知は、このサービスが起動中であることを示します。 その通知が消えたとき、このサービスが実行されています。

これで、Bicep ファイルには次のコードが追加されました。

resource virtualNetwork 'Microsoft.Network/virtualNetworks@2019-11-01' = {
  name: 'name'
  location: location
  properties: {
    addressSpace: {
      addressPrefixes: [
        '10.0.0.0/16'
      ]
    }
    subnets: [
      {
        name: 'Subnet-1'
        properties: {
          addressPrefix: '10.0.0.0/24'
        }
      }
      {
        name: 'Subnet-2'
        properties: {
          addressPrefix: '10.0.1.0/24'
        }
      }
    ]
  }
}

このスニペット内で、仮想ネットワークを定義するために必要なすべての値を見つけます。 2 つの波形の下線が表示されることがあります。 黄色の波型の下線は古い API バージョンに関連する警告を示し、赤色の波型の下線はパラメータ定義が見つからないことに起因するエラーを示します。

@2019-11-01 を削除し、@ で置き換えます。 最新の API バージョンを選択します。

API バージョンの更新のスクリーンショット。

次のセクションでは、パラメータ定義がないエラーを修正します。

必要に応じてこのコードを変更することもできます。 たとえば、name は仮想ネットワークに適した名前ではありません。 name プロパティを examplevnet に変更します。

name: 'exampleVNet'

パラメーターの追加

前のセクションで追加したコード スニペットには、パラメータ定義がありません。

ファイルの先頭に次を追加します。

param location

location の後にスペースを追加すると、そのパラメータに使用できるデータ型が IntelliSense によって提案されることがわかります。 [string] を選択します。

パラメーターに文字列型を追加しているスクリーンショット。

次のように、パラメータに既定値を指定します。

param location string = resourceGroup().location

既定値で使用される関数の詳細については、「resourceGroup()」を参照してください。

ストレージ アカウント名の別のパラメータを追加し、既定値を指定します。

param storageAccountName string = 'store${uniqueString(resourceGroup().id)}'

詳細については、補間uniqueString() に関するページを参照してください。

このパラメーターは問題なく機能しますが、ストレージ アカウントの名前には長さの制限があります。 名前は 3 文字以上、24 文字以下にする必要があります。 これらの要件を指定するには、パラメーターにデコレーターを追加します。

パラメーターの上に行を追加して、「 @ 」と入力します。 使用できるデコレータが表示されます。 minLengthmaxLength の両方のデコレータがあることに注目してください。

パラメーターにデコレーターを追加しているスクリーンショット。

両方のデコレーターを追加して、次のように文字数制限を指定します。

@minLength(3)
@maxLength(24)
param storageAccountName string = 'store${uniqueString(resourceGroup().id)}'

また、パラメーターの説明を追加することもできます。 Bicep ファイルをデプロイする人達が、どのような値を指定するべきかを理解する上で役立つ情報を含めてください。

@minLength(3)
@maxLength(24)
@description('Provide a name for the storage account. Use only lower case letters and numbers. The name must be unique across Azure.')
param storageAccountName string = 'store${uniqueString(resourceGroup().id)}'

これで、パラメータを使用する準備は完了です。

リソースを追加する

スニペットを使用してストレージ アカウントを定義するのではなく、IntelliSense を使用して値を設定します。 IntelliSense によって、この手順は手動で値を入力するよりも簡単になります。

リソースを定義するには、resource キーワードを使用します。 仮想ネットワークの下に「resource exampleStorage」と入力します。

resource exampleStorage

exampleStorage は、デプロイするリソースのシンボリック名です。 この名前は、Bicep ファイルの他の部分にあるリソースを参照するために使用できます。

シンボリック名の後にスペースを追加すると、リソースの種類の一覧が表示されます。 続けて「storageacc」と入力すると、使用できるオプションから選択できるようになります。

リソースの種類に対するストレージ アカウントを選んでいるスクリーンショット。

[Microsoft.Storage/storageAccounts] を選択すると、使用できる API バージョンが表示されます。 最新のバージョンを選びます。 次のスクリーンショットでは、これは 2023-05-01 です。

リソースの種類に対する API バージョン選択を示すスクリーンショット。

リソースの種類の一重引用符の後に = とスペースを追加します。 リソースにプロパティを追加するためのオプションが表示されます。 [required-properties] を選択します。

必要なプロパティを追加しているスクリーンショット。

このオプションを選択すると、デプロイに必要なリソースの種類のすべてのプロパティが追加されます。 このオプションを選択すると、ストレージ アカウントに次のプロパティが追加されます。

resource exampleStorage 'Microsoft.Storage/storageAccounts@2023-05-01' = {
  name:
  location:
  sku: {
    name:
  }
  kind:
}

完了までもう少しです。 これらのプロパティに値を指定するだけです。

ここでも IntelliSense が役立ちます。 namestorageAccountName に設定します。これは、ストレージ アカウントの名前を含むパラメーターです。 location では、先ほど作成したパラメータの location に設定します。 sku.namekind を追加する際に、IntelliSense によって有効なオプションが表示されます。

必要なプロパティと共に省略可能なプロパティを追加するには、カーソルを目的の場所に置き、[Ctrl]+[Space] キーを押します。 IntelliSense は、次のスクリーンショットに示すように、未使用のプロパティを提案します。

他のプロパティの追加を示すスクリーンショット。

完了すると、次のようになります。

@minLength(3)
@maxLength(24)
param storageAccountName string = 'store${uniqueString(resourceGroup().id)}'
param location string = resourceGroup().location

resource virtualNetwork 'Microsoft.Network/virtualNetworks@2024-01-01' = {
  name: 'exampleVNet'
  location: resourceGroup().location
  properties: {
    addressSpace: {
      addressPrefixes: [
        '10.0.0.0/16'
      ]
    }
    subnets: [
      {
        name: 'Subnet-1'
        properties: {
          addressPrefix: '10.0.0.0/24'
        }
      }
      {
        name: 'Subnet-2'
        properties: {
          addressPrefix: '10.0.1.0/24'
        }
      }
    ]
  }
}

resource exampleStorage 'Microsoft.Storage/storageAccounts@2023-05-01' = {
  name: storageAccountName
  location: 'eastus'
  sku: {
    name: 'Standard_LRS'
  }
  kind: 'StorageV2'
}

Bicep の構文の詳細については、Bicep の構造に関する記事を参照してください。

リソースを視覚化する

ファイル内のリソースの表現を確認することができます。

右上にあるビジュアライザー ボタンを選択すると、Bicep Visualizer が開きます。

Bicep ビジュアライザーのスクリーンショット。

このビジュアライザーには、Bicep ファイルに定義されているリソースと、リソースの依存関係情報が表示されます。 このクイックスタートで定義した 2 つのリソースには依存関係がないので、2 つのリソース間にコネクタは表示されません。

Bicep ビジュアライザー図のスクリーンショット。

Bicep ファイルをデプロイする

  1. VSCode 内の Bicep ファイルを右クリックし、[Deploy Bicep file] (Bicep ファイルのデプロイ) を選択します。

    [Bicep ファイルのデプロイ] のスクリーンショット。

  2. [Please enter name for deployment] (デプロイの名前を入力してください) テキスト ボックスに「deployStorageAndVNet」と入力し、[ENTER] キーを押します。

  3. 上部の [リソース グループの選択] ボックスで、[新しいリソース グループの作成] を選択します。

  4. リソース グループ名として exampleRG と入力し、[Enter] キーを押します。

  5. リソース グループの場所を選択し、[米国中部] または任意の場所を選択して、[ENTER] キーを押します。

  6. [パラメーター ファイルの選択] から [なし] を選択します。

    [パラメーター ファイルの選択] のスクリーンショット。

リソースが作成されるまでしばらくかかります。 詳細については、Visual Studio Code での Bicep ファイルのデプロイに関するページを参照してください。

Azure CLI または Azure PowerShell を使用して Bicep ファイルをデプロイできます。

az group create --name exampleRG --location eastus

az deployment group create --resource-group exampleRG --template-file main.bicep --parameters storageAccountName=uniquename

デプロイが完了すると、デプロイが成功したことを示すメッセージが表示されます。

リソースをクリーンアップする

Azure リソースが不要になったら、Azure CLI か Azure PowerShell のどちらかのモジュールを使用してクイックスタート リソース グループを削除します。

az group delete --name exampleRG

次のステップ