> ## Documentation Index
> Fetch the complete documentation index at: https://docs.corgea.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Visual Studio Code

> Visual Studio CodeでCorgeaを利用する

## はじめに

Corgeaは、コード内の脆弱性を自動修正してセキュリティ対策を強化するVisual Studio Code拡張機能です。AIによるリアルタイムのセキュリティ情報を提供し、安全なコーディングを効率化します。

<Note>問題やサポートに関するお問い合わせは、[support@corgea.com](mailto:support@corgea.com)までメールでご連絡ください。</Note>

## 特徴

<img src="https://mintcdn.com/corgea/mpJUc1GyXtnVYEyT/images/vsc_extension.png?fit=max&auto=format&n=mpJUc1GyXtnVYEyT&q=85&s=aedfe3983e6fe0dfa3876dc8c9df034a" style={{ borderRadius: '0.5rem' }} width="3600" height="2012" data-path="images/vsc_extension.png" />

* **AIが生成する修正**：検出された脆弱性に対して、コンテキストを考慮した修正を提案します。
* **脆弱性管理パネル**：検出された脆弱性を専用サイドバーに一覧表示し、管理とレビューを容易にします。
* **差分の適用**：対話形式の画面から、提案されたパッチを直接適用できます。
* **脆弱性の詳細情報**：各脆弱性の詳細を個別のWebviewパネルに表示します。
* **安全なAPI連携**：VS Code内でAPIキーとCorgeaサービスのエンドポイントを安全に管理できます。
* **ユーザー認証管理**：安全なログイン、ログアウト、APIキー管理の機能を提供します。

## 前提条件

Corgea拡張機能をインストールする前に、次の要件を満たしていることを確認します。

* **Corgeaアカウント**：有効なCorgeaアカウント
* **Visual Studio Code（バージョン1.50以降）**：[Visual Studio CodeのWebサイト](https://code.visualstudio.com/)からダウンロードしてインストール

## インストールガイド

### ステップ1:拡張機能をインストールする

1. Visual Studio Marketplaceから拡張機能を [インストール](https://marketplace.visualstudio.com/items?itemName=Corgea.corgea) します。

### ステップ2:ログイン

<img src="https://mintcdn.com/corgea/mpJUc1GyXtnVYEyT/images/vsc_login.png?fit=max&auto=format&n=mpJUc1GyXtnVYEyT&q=85&s=0e2d8c5c73a6f4be0d4911c6ff6895e3" style={{ borderRadius: '0.5rem' }} width="1244" height="182" data-path="images/vsc_login.png" />

1. インストール後、 `Ctrl+Shift+P`を押してコマンドパレットを開きます。
2. `Corgea: Login`を入力してEnterキーを押します。
3. 画面の指示に従ってCorgeaのURLを入力します。デフォルトURL（corgea.app）を使用する場合は、あらかじめ入力されています。
4. プロンプトが表示されたらAPIキーを入力します。APIキーはCorgeaダッシュボードのIntegrationsセクションで取得できます。

## 使用方法

### 脆弱性を見る

<img src="https://mintcdn.com/corgea/mpJUc1GyXtnVYEyT/images/vsc_list.png?fit=max&auto=format&n=mpJUc1GyXtnVYEyT&q=85&s=c94d870845d43d543ff7a07d0f742c5e" style={{ borderRadius: '0.5rem' }} width="404" height="198" data-path="images/vsc_list.png" />

* 検出された脆弱性の一覧を表示するには、サイドバーの「Vulnerabilities」アイコンをクリックします。このパネルには、現在のすべての問題と、その重大度およびコード内の位置が表示されます。

### 修正の適用

<img src="https://mintcdn.com/corgea/y3xW6TraK0Q97XaD/images/issue_fixes/auto_fix_vscode_apply_fix.png?fit=max&auto=format&n=y3xW6TraK0Q97XaD&q=85&s=7b7632abb9a962f662feefb9107a6a7b" style={{ borderRadius: '0.5rem' }} width="1434" height="891" data-path="images/issue_fixes/auto_fix_vscode_apply_fix.png" />

* サイドバーの脆弱性をクリックすると、新しいウェブビューパネルで詳細を開きます。
* 詳細パネルでは脆弱性のコンテキストと提案された修正案が表示され、変更を適用する前に確認できます。
* CorgeaはAIで修正を生成し、品質チェック後に提示します。ただし、変更内容はコードベース上でも検証してください。
* 修正を適用するには、詳細パネルの`Apply Fix`ボタンをクリックします。Corgeaが関連ファイルを自動的に更新します。
* 更新されたファイルを保存します。

### ログアウト

* 他のユーザーにログインまたはログアウトするには、コマンドパレット(`Ctrl+Shift+P`)を使用し、それぞれのコマンド(`Corgea: Login` または `Corgea: Logout`)を選択します。

## リリースノート 123

完全なリリースノートは拡張機能の [変更ログページ](https://marketplace.visualstudio.com/items/Corgea.corgea/changelog)でご覧いただけます。