# VS Code

> リンク 1 つか「MCP: Add Server」コマンドで、Nodaro MCP サーバーを VS Code にインストールします。OAuth でログインすれば、エージェントモードで Nodaro のツールを使えます。

Source: https://nodaro.ai/ja/docs/mcp/connect/vs-code

**VS Code** を Nodaro に接続するには、Nodaro MCP サーバー `https://mcp.nodaro.ai/mcp` を HTTP サーバーとしてインストールします。Nodaro アカウントでログインすると、エージェントモードで、エージェントが Nodaro のツールを使えるようになります。

## リンク 1 つでインストールする
**Install in VS Code**（VS Code にインストール）リンクを開きます。

```text
https://vscode.dev/redirect/mcp/install?name=Nodaro&config=%7B%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fmcp.nodaro.ai%2Fmcp%22%7D
```

リンク先のページが、サーバーを VS Code に渡します。VS Code が開き、名前、トランスポート、URL が入力された状態で、確認を求めます。VS Code Insiders の場合は、同じリンクの末尾に `&quality=insiders` を追加します。

このリンクには、次のサーバー設定が含まれています。

```json
{ "type": "http", "url": "https://mcp.nodaro.ai/mcp" }
```

## 手動でインストールする
### サーバーを追加する
コマンドパレットを開き、**MCP: Add Server**（サーバーの追加）を実行して、**HTTP** を選びます。

### URL を貼り付ける
`https://mcp.nodaro.ai/mcp` を貼り付け、サーバー名を Nodaro にします。

### サーバーを起動してログインする
インストールを確定し、サーバーを起動します。ブラウザーで Nodaro のログインページが開きます。ログインし、同意画面で権限を確認して、**許可**をクリックします。

### エージェントモードでツールを使う
チャットをエージェントモードに切り替えます。これで Nodaro のツールを使えます。たとえば「Nodaro で騎士の画像を生成して」と依頼します。

MCP サーバーについては、VS Code のドキュメント [Use MCP servers in VS Code](https://code.visualstudio.com/docs/copilot/customization/mcp-servers) で説明されています。

## エディターからファイルを扱う
エージェントにターミナルコマンドの実行を許可していれば、エージェントはローカルのファイルを直接アップロードできます。`prepare_image_upload`、`prepare_audio_upload`、`prepare_video_upload` ツールは署名付きのアップロード URL を返し、エージェントは `PUT` リクエストでその URL にファイルを送ります。ターミナルを使えない場合は、`request_image_upload` などの request 系のツールを使います。これらのツールはリンクを返すので、そのリンクをブラウザーで開いてファイルをドロップします。[アップロードツール](https://nodaro.ai/docs/mcp/tools/uploads)を参照してください。

エディター内のエージェントは、ワークフローを JSON として構築するのにも向いています。最初に `start_workflow_editor` を呼び出すよう頼んでください。このツールは、ワークフローの形式とノードタイプの一覧を返します。[プロジェクトとワークフローのツール](https://nodaro.ai/docs/mcp/tools/projects-and-workflows)を参照してください。

## 接続できない場合
- **サーバーが起動しない、またはログインに失敗する**：URL が、末尾のスラッシュなしの `https://mcp.nodaro.ai/mcp` と完全に一致していることを確認してください。
- **サーバーは動いているのに、ツールが表示されない**：一部の権限が許可されていません。サーバーを削除してもう一度追加し、すべての権限を許可してください。

その他の解決方法は、[トラブルシューティング](https://nodaro.ai/docs/mcp/troubleshooting)を参照してください。

## Frequently asked questions

### Nodaro を VS Code にワンクリックで追加するにはどうすればよいですか？

「Install in VS Code」リンクを開きます。このリンクは、名前、トランスポート、URL が入力済みの状態でサーバーを VS Code に渡し、VS Code がインストールの確認を求めます。

### VS Code では、Nodaro のツールはどこに表示されますか？

エージェントモードです。インストール後にサーバーを起動し、ブラウザーが開いたら Nodaro でログインすると、エージェントがツールを使えるようになります。

### インストールリンクは VS Code Insiders でも使えますか？

はい。同じリンクに quality=insiders を追加すると、VS Code ではなく VS Code Insiders が開きます。

### VS Code から、ローカルのファイルを Nodaro にアップロードできますか？

はい。prepare 系のアップロードツールは、シェルを使えるクライアントがファイルを送信できるアップロード URL を返します。request 系のアップロードツールは、ブラウザーで開くリンクを返します。