Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
2
Help us understand the problem. What is going on with this article?
@KoKeCross

VSCode の Azure Tools 拡張機能を一通り試してみた

VS Code から Azure を使おうと思ったときに、真っ先に出てくる Azure Tools で何が出来るのかをまとめました。
Tools の名前の通り 10 種類の主要なものが含まれており、 Azure を初めて触る人はどれかしらのサービスから使い始めると思うため、どなたでも役に立つ拡張機能だと思います。

拡張機能の全ての機能や深い部分は解説しないため、サクッとこんな機能があるんだというのを確認したい人向けの記事です。

Image from Gyazo

全般

  • サインイン、サインアウト

拡張機能の説明に記載されている通り、まずは Azure へのサインインが必要です。 Azure Explorer またはコマンドパレットからサインインが可能です。サインアウトはコマンドパレットから可能です。

Image from Gyazo

Image from Gyazo

Azure App Service

  • Web App の設定を確認、変更
  • Web App をデプロイ
  • Web App の開始、停止、再起動、削除
  • Log の確認
  • Deployment Slots の切り替え
  • 新しい Web App を作成

主要な作業はここから可能です。右クリックで色々出てきます。
新しい Web App の作成は名前入力、 OS, ランタイムの三つの操作だけで作成できます。プランやリソースグループなどもう少し細かい情報を設定したい場合は Advanced を使えば対応可能です。

Image from Gyazo

Image from Gyazo

コマンドパレット

Image from Gyazo

Azure Functions

  • Azure Functions の設定を確認、変更
  • Azure Functions をデプロイ
  • Azure Functions の開始、停止、再起動、削除
  • Log の確認
  • 新しい Azure Functions を作成

Azure App Service と同じく主要な作業はここから可能です。右クリックで色々出てきます。これも数回操作するだけで新しい Functions が作成できます。 Functions を作成したあと、 HTTP トリガーなどを使用した Function を作成してデバッグ、実行などが可能です。

Image from Gyazo

Image from Gyazo

Image from Gyazo

コマンドパレット

Image from Gyazo

Azure Databases

  • Cosmos DB のデータベース、コレクションの作成や削除
  • Cosmos DB のドキュメント(レコード)の CRUD 操作
  • 新しい Cosmos DB を作成
  • 新しい Azure Database for PostgreSQL を作成

Cosmos DB の主要な作業はここから可能です。データの中身もエディターから参照したり更新したりと言ったことが可能なので便利です。 Azure Database for PostgreSQL は作ることだけ可能で、なぜか Azure SQL Database は作れませんでした。
この拡張機能は Cosmos DB で使うのがよいと思います。 PostgreSQL や Azure SQL Database などの RDBMS 操作は出来ないため、 SQL Server Management System や DataGrip などのデータベース IDE を使う必要があります。

Image from Gyazo

Azure Storage

  • Azure Storage アカウントの管理
  • Blob, File Storage の CRUD 操作
  • Queue, Table Storage の一覧表示
  • 新しい Azure Storage アカウントを作成

ストレージの中では一般的な Blob Storage の主要な操作が可能です。 CRUD 操作が出来るためわざわざ Portal や別アプリの Storage Explorer を使う必要がないのは便利だと思います。Queue や Table の操作だったり、詳細な情報が知りたい場合は Storage Explorer を使うほうがよいです。 Storage Explorer で開くという操作があるため、 VS Code から開くことが可能だと思います。

Image from Gyazo

Image from Gyazo

コマンドパレット

Image from Gyazo

Azure Virtual Machines (VM)

  • Virtual Machine の開始、停止、再起動、削除
  • Virtual Machine に SSH キーを追加
  • Virtual Machine の IP アドレスを取得
  • 新しい Virtual Machine を作成

VM の作成や起動などが可能です。 Portal を開かずに VM を停止したり開始したりできるため、 VM の起動停止を頻繁に行う人におすすめです。この拡張機能で VM を作成するとローカルフォルダ の ~/.ssh に鍵ファイルが自動的に作成され config ファイルに仮想マシンへの接続設定が自動的に書き込まれます。
別の拡張機能 Remote Development - Visual Studio Marketplace (Remote - SSH) と組み合わせることで、 VS Code だけで VM の作成から SSH 接続までシームレスに行うことができます。

Image from Gyazo

Image from Gyazo

Image from Gyazo

Image from Gyazo

コマンドパレット

Image from Gyazo

Azure Resource Groups

  • Resource Group の一覧や中身確認、削除
  • 新しい Resource Group を作成

リソースグループの一覧や中身を参照できます。 App Service Plan の設定値なども参照可能です。 VS Code から新しい Web App を作成などで自動的に作られたリソースグループも削除できるため、 Azure Portal を開いてリソースを完全削除するのがめんどくさい人におすすめです。

Image from Gyazo

Image from Gyazo

コマンドパレット

Image from Gyazo

Azure CLI Tools

  • Azure CLI のコード補完
  • Azure CLI の実行 (Terminal を使って)

とても便利です。 Azure CLI を VS Code を使って書く人は入れることをおすすめします。 .azcli という拡張子を持つ Azure CLI ファイルに対してコード補完や、ショートカットキーでの Azure CLI の実行が可能になります。

Image from Gyazo

Image from Gyazo

コマンドパレット

Image from Gyazo

Azure Resource Manager (ARM) Tools

  • Azure Resource Manager Template のスニペット追加
  • Azure Resource Manager Template のコード補完
  • Azure Resource Manager Template のナビゲーション
  • Azure Resource Manager Template のエラーチェック

ARM Template に対して様々な便利機能が追加されます。 Azure 構成管理ツールに ARM Template を使っている人は便利だと思います。拡張機能の説明ページが細かく色々説明してくれています。

Image from Gyazo

Image from Gyazo

コマンドパレット

Image from Gyazo

Azure Pipelines

  • Azure Pipelines YAML のコード補完
  • Azure Pipelines YAML のエラーチェック

Azure Pipelines YAML を VS Code で書く人向けの拡張機能です。ミニマムな拡張機能なのであまり機能は多くないです。

Image from Gyazo

Image from Gyazo

コマンドパレット

Image from Gyazo

Docker

  • Azure Container Registry のリポジトリ管理
  • Azure Container Registry にイメージファイルを Push / Pull
  • Azure Container Registry のイメージファイル削除
  • 新しい Azure Container Registry を作成
  • Docker の管理など

主な機能は Docker を管理するための拡張機能です。それだけで一つ記事が書けるくらい便利なのですが、今回は Azure に関しての機能のみ見ていきます。
Azure Container Registry の内容確認やイメージファイルの Push / Pull することが出来ます。この拡張機能は Azure Explorer ではなく Docker Explorer で利用します。 CLI コマンドを書かずに GUI だけで Push / Pull したり出来るのはすごく楽だと思います。

Image from Gyazo

Image from Gyazo

Image from Gyazo

Image from Gyazo

コマンドパレット

Image from Gyazo

参考リンク

2
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
headwaters
常に新しい技術を取り込み、ありとあらゆる技術を駆使してビジネスを仕掛けるエンジニア集団です。技術力をベースに世の中の課題を解決しつつ、クライアントの強みを生かしたスタートアップインテグレーターとして共に事業も展開しています。「AI企画開発​」「マルチAIプラットフォーム(SyncLect)」「ロボットアプリ企画開発​」「React Native/Monaca/PWAアプリ開発」...etc他多数

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
2
Help us understand the problem. What is going on with this article?