<h1 id="%E5%B0%8E%E5%85%A5" data-line="0" class="code-line">
<a class="header-anchor-link" href="#%E5%B0%8E%E5%85%A5" aria-hidden="true"></a> 導入</h1>
<p data-line="2" class="code-line">2025年5月、MicrosoftはVisual Studio Code（VS Code）向けに新たなPostgreSQL拡張機能のパブリックプレビューを発表しました。<br>
この拡張機能は、データベース開発と管理の効率を大幅に向上させることを目的としています。</p>
<p data-line="5" class="code-line">本記事では、この新しい拡張機能の特徴や導入方法、活用例についてまとめます。<br>
<img src="https://storage.googleapis.com/zenn-user-upload/2e63aa709550-20250524.png" loading="lazy" class="md-img"></p>
<h1 id="%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E6%A6%82%E8%A6%81" data-line="8" class="code-line">
<a class="header-anchor-link" href="#%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E6%A6%82%E8%A6%81" aria-hidden="true"></a> 拡張機能の概要</h1>
<p data-line="10" class="code-line">VS Code内でPostgreSQLデータベースの接続、クエリの実行、オブジェクトの管理などを可能にします。また、GitHub Copilotとの連携により、AIによる支援も受けられます。</p>
<h2 id="%E4%B8%BB%E3%81%AA%E7%89%B9%E5%BE%B4" data-line="12" class="code-line">
<a class="header-anchor-link" href="#%E4%B8%BB%E3%81%AA%E7%89%B9%E5%BE%B4" aria-hidden="true"></a> 主な特徴</h2>
<ul data-line="14" class="code-line">
<li data-line="14" class="code-line">
<strong>接続マネージャー</strong>
<ul data-line="15" class="code-line">
<li data-line="15" class="code-line">ローカルおよびクラウド上のPostgreSQLデータベースへの接続を簡単に設定できます。</li>
</ul>
</li>
<li data-line="16" class="code-line">
<strong>オブジェクトエクスプローラー</strong>
<ul data-line="17" class="code-line">
<li data-line="17" class="code-line">データベースのスキーマ、テーブル、ビュー、関数などを階層的に表示し、管理できます。</li>
</ul>
</li>
<li data-line="18" class="code-line">
<strong>クエリエディター</strong>
<ul data-line="19" class="code-line">
<li data-line="19" class="code-line">SQLの補完機能や構文ハイライト、クエリ履歴などを備えたエディターで、効率的にクエリを作成・実行できます。</li>
</ul>
</li>
<li data-line="20" class="code-line">
<strong>スキーマの可視化</strong>
<ul data-line="21" class="code-line">
<li data-line="21" class="code-line">データベースのスキーマ構造を視覚的に表示し、理解を深めることができます。</li>
</ul>
</li>
<li data-line="22" class="code-line">
<strong>GitHub Copilotとの連携</strong>
<ul data-line="23" class="code-line">
<li data-line="23" class="code-line">AIによるクエリの提案や最適化、データベース操作の支援を受けられます。(<a href="https://marketplace.visualstudio.com/items?itemName=ms-ossdata.vscode-pgsql&amp;utm_source=chatgpt.com" title="PostgreSQL - Visual Studio Marketplace" target="_blank" rel="nofollow noopener noreferrer">Visual Studio Marketplace</a>)</li>
</ul>
</li>
</ul>
<h1 id="github-copilot%E3%81%A8%E3%81%AE%E9%80%A3%E6%90%BA" data-line="25" class="code-line">
<a class="header-anchor-link" href="#github-copilot%E3%81%A8%E3%81%AE%E9%80%A3%E6%90%BA" aria-hidden="true"></a> GitHub Copilotとの連携</h1>
<p data-line="27" class="code-line"><img src="https://storage.googleapis.com/zenn-user-upload/84c97520ed74-20250524.png" loading="lazy" class="md-img"></p>
<p data-line="29" class="code-line">GitHub Copilotと連携することで、AIによる高度な支援を提供します。</p>
<ul data-line="31" class="code-line">
<li data-line="31" class="code-line">
<strong>@pgsqlエージェント</strong>
<ul data-line="32" class="code-line">
<li data-line="32" class="code-line">自然言語での指示を受け取り、適切なSQLクエリを生成します。</li>
</ul>
</li>
<li data-line="33" class="code-line">
<strong>クエリのリライトや分析</strong>
<ul data-line="34" class="code-line">
<li data-line="34" class="code-line">既存のクエリを最適化したり、パフォーマンスを分析したりする機能があります。</li>
</ul>
</li>
<li data-line="35" class="code-line">
<strong>エージェントモード</strong>
<ul data-line="36" class="code-line">
<li data-line="36" class="code-line">複数のステップを含むタスクを自動で実行し、開発作業を効率化します。</li>
</ul>
</li>
</ul>
<h2 id="%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%93%E3%81%A8" data-line="38" class="code-line">
<a class="header-anchor-link" href="#%E3%81%A7%E3%81%8D%E3%82%8B%E3%81%93%E3%81%A8" aria-hidden="true"></a> できること</h2>
<ul data-line="40" class="code-line">
<li data-line="40" class="code-line">「売上が月別に多い順に表示して」と入力 → 自動でSQLを生成</li>
<li data-line="41" class="code-line">「このクエリを最適化して」と指示 → EXPLAINを活用した分析付きで提案</li>
<li data-line="42" class="code-line">「このテーブルにインデックスを作成するには？」→ 適切なDDLを提案</li>
</ul>
<p data-line="44" class="code-line">こうしたAI連携により、SQL初心者でも強力なクエリを簡単に記述でき、また上級者にとっても冗長な作業を減らす強力な助けになります。</p>
<h3 id="%E4%BD%BF%E7%94%A8%E4%BE%8B%EF%BC%9A%E6%97%A5%E5%B8%B8%E9%96%8B%E7%99%BA%E3%81%A7%E3%81%AE%E6%B4%BB%E7%94%A8%E3%82%B7%E3%83%BC%E3%83%B3" data-line="46" class="code-line">
<a class="header-anchor-link" href="#%E4%BD%BF%E7%94%A8%E4%BE%8B%EF%BC%9A%E6%97%A5%E5%B8%B8%E9%96%8B%E7%99%BA%E3%81%A7%E3%81%AE%E6%B4%BB%E7%94%A8%E3%82%B7%E3%83%BC%E3%83%B3" aria-hidden="true"></a> 使用例：日常開発での活用シーン</h3>
<h4 id="1.-%E3%83%87%E3%83%BC%E3%82%BF%E5%88%86%E6%9E%90" data-line="48" class="code-line">
<a class="header-anchor-link" href="#1.-%E3%83%87%E3%83%BC%E3%82%BF%E5%88%86%E6%9E%90" aria-hidden="true"></a> 1. データ分析</h4>
<p data-line="50" class="code-line">クエリを手打ちせずとも自然言語で質問するだけで、Copilotがクエリを作成し、結果もその場で表示されます。</p>
<h4 id="2.-%E3%82%B9%E3%82%AD%E3%83%BC%E3%83%9E%E7%AE%A1%E7%90%86" data-line="52" class="code-line">
<a class="header-anchor-link" href="#2.-%E3%82%B9%E3%82%AD%E3%83%BC%E3%83%9E%E7%AE%A1%E7%90%86" aria-hidden="true"></a> 2. スキーマ管理</h4>
<p data-line="54" class="code-line">VS Code上でスキーマ構造を視覚化しながらテーブルやビューの設計・編集ができるため、DB設計フェーズでも大活躍。</p>
<h4 id="3.-%E3%83%86%E3%82%B9%E3%83%88%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E6%8A%95%E5%85%A5" data-line="56" class="code-line">
<a class="header-anchor-link" href="#3.-%E3%83%86%E3%82%B9%E3%83%88%E3%83%87%E3%83%BC%E3%82%BF%E3%81%AE%E6%8A%95%E5%85%A5" aria-hidden="true"></a> 3. テストデータの投入</h4>
<p data-line="58" class="code-line">SQLファイルを複数開いて一括実行する機能も備えており、初期データの投入作業にも便利です。</p>
<h1 id="%E4%BB%96%E3%83%84%E3%83%BC%E3%83%AB%E3%81%A8%E3%81%AE%E6%AF%94%E8%BC%83" data-line="61" class="code-line">
<a class="header-anchor-link" href="#%E4%BB%96%E3%83%84%E3%83%BC%E3%83%AB%E3%81%A8%E3%81%AE%E6%AF%94%E8%BC%83" aria-hidden="true"></a> 他ツールとの比較</h1>
<table data-line="63" class="code-line">
<thead data-line="63" class="code-line">
<tr data-line="63" class="code-line">
<th>機能</th>
<th>DBeaver</th>
<th>pgAdmin</th>
<th>VS Code拡張（今回）</th>
</tr>
</thead>
<tbody data-line="65" class="code-line">
<tr data-line="65" class="code-line">
<td>軽量性</td>
<td>△</td>
<td>✕</td>
<td>◎</td>
</tr>
<tr data-line="66" class="code-line">
<td>Copilot連携</td>
<td>✕</td>
<td>✕</td>
<td>◎</td>
</tr>
<tr data-line="67" class="code-line">
<td>SQL補完</td>
<td>○</td>
<td>△</td>
<td>◎</td>
</tr>
<tr data-line="68" class="code-line">
<td>拡張性</td>
<td>△</td>
<td>✕</td>
<td>◎（VS Codeの拡張機能連携）</td>
</tr>
<tr data-line="69" class="code-line">
<td>スキーマ可視化</td>
<td>○</td>
<td>○</td>
<td>◎</td>
</tr>
</tbody>
</table>
<h1 id="%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%A8%E8%A8%AD%E5%AE%9A" data-line="72" class="code-line">
<a class="header-anchor-link" href="#%E6%8B%A1%E5%BC%B5%E6%A9%9F%E8%83%BD%E3%81%AE%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E3%81%A8%E8%A8%AD%E5%AE%9A" aria-hidden="true"></a> 拡張機能のインストールと設定</h1>
<ol data-line="74" class="code-line">
<li data-line="74" class="code-line">VS Codeを開き、拡張機能ビューを表示します。</li>
<li data-line="75" class="code-line">「PostgreSQL」で検索し、Microsoftが提供する拡張機能をインストールします。</li>
<li data-line="76" class="code-line">サイドバーに表示される象のアイコンをクリックし、接続を追加します。</li>
<li data-line="77" class="code-line">接続情報（ホスト名、ポート、ユーザー名、パスワードなど）を入力し、接続を確立します。</li>
</ol>
<h1 id="%E3%81%BE%E3%81%A8%E3%82%81" data-line="79" class="code-line">
<a class="header-anchor-link" href="#%E3%81%BE%E3%81%A8%E3%82%81" aria-hidden="true"></a> まとめ</h1>
<p data-line="81" class="code-line">Microsoftの新しいPostgreSQL拡張機能は、開発者にとって、VS Codeをデータベース操作のハブとすることで作業効率が格段に向上し、VS Code内でのデータベース開発と管理を大幅に効率化できそうに思います。<br>
特に、GitHub Copilotとの連携により、AIによる支援を受けながら作業を進めることでPostgreSQLの学習曲線をなだらかにすることが可能そうです。</p>
<p data-line="84" class="code-line">詳細な情報や最新のアップデートについては、<a href="https://techcommunity.microsoft.com/blog/adforpostgresql/announcing-a-new-ide-for-postgresql-in-vs-code-from-microsoft/4414648" target="_blank" rel="nofollow noopener noreferrer">Microsoftの公式ブログ</a>をご覧ください。</p>


VS CodeでPostgreSQL開発が進化！公式拡張機能の登場

使用例：日常開発での活用シーン

拡張機能のインストールと設定

postgresql

vscode

Discussion