LoginSignup
10
13

More than 3 years have passed since last update.

Visual Studio Code 上で SQL Database を操作するための便利な拡張機能

Last updated at Posted at 2020-10-06

この記事について

この記事では、Visual Studio Code 上で、以下のデータベースに接続して値を確認する方法について解説します。

  • Azure SQL Database
  • SQL Server

従来の開発では、SQL Server Management StudioAzure Data StudioAzure ポータルの画面など、コーディングを行う場所とは異なるアプリケーションを並行で起動する事例も多かったと思います。
コーディング中にデータベースにアクセスしたくなり別のアプリを起動・切り替えというようなことは正直面倒で無駄の時間につながります。
Visual Studio Code のみで、コーディングだけでなく、データベースの値も確認できることは、開発中に複数のアプリケーションを起動・行き来しなければならないというような、ちょっとした面倒を軽減させることが可能です。

Visual Studio Code 拡張機能

今回利用する拡張機能は、こちらです。

スクリーンショット 2020-10-06 12.58.15.png

SQL Database に接続

SQL Server または SQL Database に接続する場合は、SQL Server (mssql) 拡張機能を使用します。
拡張機能をインストールすると、SQL Serverタブが表示されるようになります。

スクリーンショット 2020-10-06 16.16.37.png

サーバー ファイアウォールの設定

SQL Database にはサーバー ファイアウォールの設定があります。
ここで、自身の端末のクライアント IPからの接続を許可しておく必要があります。
設定していない場合は、事前に設定しておきます。

スクリーンショット 2020-10-06 16.20.26.png

スクリーンショット 2020-10-06 16.21.40.png

接続プロファイルの作成

Add Connectionを選択して、接続情報を作成します。今回は、SQL Database に接続します。

もし、以下のような表示が行われた場合は、現在開いているファイルの言語モードを SQL にする必要があるかどうかについて聞かれているので、Yes または No を選択してください。

スクリーンショット 2020-10-06 16.04.08.png

サーバー名または、ADO.NETの接続文字列を入力します。

スクリーンショット 2020-10-06 16.07.34.png

SQL Database の場合、ADO.NET 接続文字列は Azure ポータルから簡単に取得できます。
ただし、Password={your_password}; の部分は変更する必要があるため、設定したパスワードに書き換えてください。

スクリーンショット 2020-10-06 16.11.44.png

入力したら、Enter キーを押します。

スクリーンショット 2020-10-06 16.14.02.png

プロファイルとして保存する際の名前の入力を求められます。任意の名前を設定してください。
入力したら、Enter キーを押します。

スクリーンショット 2020-10-06 16.14.17.png

登録が正常に完了した場合、以下のように SQL Database に接続できるようになります。

68747470733a2f2f71696974612d696d6167652d73746f72652e73332e61702d6e6f727468656173742d312e616d617a6f6e6177732e636f6d2f302f3334383131362f34616464393037382d643838322d663134342d636335312d3565333539353336353035612e706e67.png

クエリ実行

接続情報の部分を右クリックします。
New Queryを選択します。

スクリーンショット 2020-10-06 16.29.58.png

言語モードが SQL に設定されたタブが表示されます。
画面右下の部分に、SQL Database に接続できているかどうか表示されるため、確認しておきましょう。

スクリーンショット 2020-10-06 16.32.11.png

開いたタブの画面にて、クエリを作成します。
※画面は、CREATE TABLE 文の例です

クエリを作成したら、画面を右クリックまたは[Ctrl] + [Shift] + [E] (macOS の場合は、[Command] + [Shift] + [E])でクエリを実行します。

スクリーンショット 2020-10-06 16.37.39.png

クエリの実行結果は、別タブで表示されるようになります。

スクリーンショット 2020-10-06 16.38.12.png

SELECT や UPDATE などのクエリを実行できるため、プログラム側で実行するクエリの実行結果を、こちらの画面で簡単に確認できます。

その他、便利機能

この拡張機能には、スペニットなど、便利なコマンドも用意されています。
詳細は、以下の記事を参照してください。

データベースに接続できなくなった時の対処

接続中のはずなのに接続エラーになる場合

いったん、サーバーとの接続を切断し、再接続することをお勧めします。
サーバーを右クリックし、Disconnectを選択して接続を切断します。

スクリーンショット 2020-10-06 18.25.10.png

切断後、Connectを選択して、再度データベースに接続してみてください。

スクリーンショット 2020-10-06 18.26.54.png

接続プロファイルの情報が変更になった場合

SQL Server (mssql) 拡張機能で作成したプロファイル情報は、Visual Studio Code のユーザー設定情報(settings.json)の中に保存されています。
※settings.json の場所がわかっている方は、そのまま直接開いて編集を行ってください

[Ctrl] + [,] (macOS の場合は、[Command] + [,])で、ユーザー設定画面を開きます。

※Windows の場合は、メニューの [ファイル] -> [ユーザー設定] -> [設定] からでも遷移できます。
※macOS の場合は、メニューの [Code] -> [基本設定] -> [設定] からでも遷移できます。

[ユーザー] タブにて、Mssql: Connectionを入力します。
該当するものが表示されるので、setting.json で編集 リンクを選択します。

スクリーンショット 2020-10-06 18.37.41.png

mssql.connections 内にて、定義済みの接続プロファイル情報が表示されます。
必要に応じて書き換え・削除し、保存を行ってください。

スクリーンショット 2020-10-06 18.40.15.png

参考情報


10
13
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
13