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

# タッチ コントロール レイアウトの構築

> タッチ コントロール レイアウトの構築

タッチ コントロール レイアウトを構築するには、以下を含む [タッチ適応バンドル](/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-bundle) を作成します。

* バンドルのすべてのメタデータとプロパティの JSON 表現である `takxconfig.json` ファイル
* レイアウト ファイルのコレクション。各レイアウト ファイルは、ゲーム内の特定のシナリオでプレイヤーが利用できるコントロールの JSON 表現です
* レイアウトで使用されるグローバル状態およびプロパティの JSON 表現であるコンテキスト ファイル
* それらのレイアウトから参照される任意のカスタム アセット

## はじめに

[タッチ適応バンドル](/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-bundle) を作成する最も簡単な方法は、[create コマンド](/build/core-features/common/game-streaming/tak-command-line-tool/game-streaming-tak-command-line-create-command) を使用することです。このコマンドを使用すると、Touch Adaptation Kit を使い始めるために必要なすべてのファイルとフォルダーを簡単に作成できます。フル バンドルを作成できることに加えて、create コマンドは、ゲーム内のさまざまなジャンルや状況に対して、テンプレート レイアウトに基づいて単一のレイアウト ファイルを作成するために使用できます。

## Touch Bundle JSON スキーマ

レイアウトやコンテキスト ファイルなどのさまざまな JSON ファイルは、有効なファイルの書き方に関する構造とルールを提供するために JSON スキーマ ファイルを使用します。これらのスキーマ ファイルは、さまざまな言語で [XBOX Game Streaming Tools Github](https://github.com/microsoft/xbox-game-streaming-tools/tree/main/touch-adaptation-kit/schemas) にホストされています。これらの言語固有のスキーマは、[Visual Studio Code](https://code.visualstudio.com/download) などのツールで、その言語のスキーマ プロパティや問題に関する IntelliSense を取得するために使用できます。ローカライズされたバージョンのスキーマ ファイルを使用するには、ファイル内の `$schema` プロパティをローカライズされたバージョンを指すように設定するだけです。たとえば、以下の JSON の例と画像は、コンテキスト ファイルの `state` プロパティの日本語のヘルプ テキストを示しています。

```JSON theme={null}
//Example context file
{
  "$schema": "https://raw.githubusercontent.com/microsoft/xbox-game-streaming-tools/main/touch-adaptation-kit/schemas/ja-JP/context/v4.0/context.json",

  "state": {
    "enableReload": false
  }
}
```

<img src="https://mintcdn.com/microsoft-4404708b/UZTRJSf0emX1fheE/images/gdk/features/common/game-streaming-tak-vscode-intellisense.png?fit=max&auto=format&n=UZTRJSf0emX1fheE&q=85&s=fd518d059cf0dba1260bddf95bc71960" alt="日本語での Visual Studio Code IntelliSense のスクリーンショット" width="1276" height="480" data-path="images/gdk/features/common/game-streaming-tak-vscode-intellisense.png" />


## Related topics

- [XBOX ゲーム ストリーミング向けのタッチ操作レイアウトを作成する](/ja-jp/build/core-features/common/game-streaming/building-touch-layouts/index.md)
- [タッチ コントロール構築のデザイナーズ ガイド](/ja-jp/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-tak-designers-guide.md)
- [ゲーム状態に基づくタッチ コントロール レイアウトの変更](/ja-jp/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-touch-changing-layouts-game-state.md)
- [標準 XBOX コントローラー用タッチ操作レイアウト](/ja-jp/build/core-features/common/game-streaming/building-touch-layouts/samples/game-streaming-touch-tak-sample-full-layout.md)
- [Touch Adaptation Kit](/ja-jp/reference/system/touchadaptationkit/touchadaptationkit-reference.md)