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

# GitHub

GitHubを使用してBox MCPサーバーをインストールします。\[[GitHub MCP Registry (GitHub MCPレジストリ)](https://github.com/mcp)] でサーバーを検索し、以下の手順に従って、[GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)がインストールされた[VS Code](https://code.visualstudio.com/)で設定を完了します。

## 前提条件

* [VS Code](https://code.visualstudio.com/)に[GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot)がインストールされていること。

## GitHub MCPレジストリ

Box MCPサーバーは、GitHubの[Box MCPサーバーの概要ページ](https://github.com/mcp/box/mcp-server-box-remote)に掲載されています。そこから、サポートされているエディタやツール (例えば、Copilot搭載のVS Code) のインストール手順を開くことができます。他の場所でエンドポイントURLを探す必要はありません。

## BoxでのBox統合の有効化

<Badge color="orange" size="lg">管理者</Badge>

1. [Box管理コンソール](https://app.box.com/master)にサインインします。
2. \[**統合**] に移動し、\[**MCP**] カテゴリフィルタまたはページ上部の検索バーを使用して、**Custom Box MCP Server**を検索します。
3. \[**構成**] > \[**統合資格情報の追加**] を選択して、新しい資格情報を生成します。
4. \[**リダイレクトURI**] で、BoxのリダイレクトURLを、外部MCPクライアントによって提供されるリダイレクトURIに変更します。
5. 後で使用できるように、**クライアントID**と**クライアントシークレット**をコピーしておきます。これらは、後でGitHubが接続を承認する際に必要になります。
6. 目的の**アクセススコープ**を確認します。
   * **スコープ**は、実行可能な操作の範囲を定義します。ユーザーは、Box内で表示または編集の権限がすでに付与されているコンテンツにのみアクセスできます。
7. \[**保存**] をクリックします。

## VS Codeでの統合の有効化

<Badge color="green" size="lg">ユーザー</Badge>

1. GitHubの[Box MCPサーバーの概要ページ](https://github.com/mcp/box/mcp-server-box-remote)にアクセスします。
2. \[**Install MCP server (MCPサーバーのインストール)**] をクリックします。
3. VS Codeエディタにリダイレクトされたら、\[**Install (インストール)**] をクリックし、OAuthを完了してBoxへのアクセスを許可します。

手動でクライアントIDとクライアントシークレットを入力することが必要になる場合があります。OAuthアプリケーションの登録時に、次のリダイレクトURIを含めるようにしてください。

```sh theme={null}
http://127.0.0.1:33418
https://vscode.dev/redirect
```

## チュートリアル動画

<iframe width="100%" height="315" src="https://www.youtube.com/embed/Y1a16jhCVPc" title="Build a working API demo-fast-by connecting GitHub Copilot to the Box MCP Server (GitHub CopilotをBox MCPサーバーに接続して、すぐに使えるAPIデモを作成する)" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen />
