> ## 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.

# TAK Editor でのバンドルとレイアウトの作成

> TAK Editor でのバンドルとレイアウトの作成

この記事は、TAK Editor を使用して新しいタッチ アダプテーション バンドル (TAB) およびレイアウトを作成する方法についてのガイドです。拡張機能はすでにインストールおよびセットアップされていることを前提としています。前の記事に [インストール](/build/core-features/common/game-streaming/tak-editor/game-streaming-tak-editor) および [セットアップ](/build/core-features/common/game-streaming/tak-editor/game-streaming-tak-editor-setup) の手順があります。

## 新しいバンドルの作成

1. コマンド パレットを起動します (`Ctrl+Shift+P` または `Cmd+Shift+P`)。
2. 「create」を検索し、「Touch Adaptation Kit: Create new Bundle」を選択します

   <img src="https://mintcdn.com/microsoft-4404708b/CwRBzaXvHw9zaPoe/images/gdk/features/common/tak-editor-create-bundle-command.png?fit=max&auto=format&n=CwRBzaXvHw9zaPoe&q=85&s=affe1d24385c9d3c55fb9718143a0eae" alt="Screenshot of the command palette with the create new bundle command selected" width="604" height="94" data-path="images/gdk/features/common/tak-editor-create-bundle-command.png" />
3. バンドルを定義するパラメーターを求める一連のプロンプトが表示されます。必要な情報を入力し、各プロンプトの後に `Enter` を押します。プロンプトは以下の表にまとめられています。

   | プロンプト                    | 説明                                                                                                                                                                                                                                                                                                                              |
   | ------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
   | `Workspace`              | これは、VS Code で複数のワークスペース フォルダーが開かれている場合にのみ表示されます。ルート ワークスペース フォルダーが 1 つだけの場合、それは自動的に選択され、プロンプトはスキップされます。複数のワークスペース フォルダーがある場合、バンドルを配置するフォルダーを選択する必要があります。                                                                                                                                                                        |
   | `Name`                   | 新しいバンドルの名前。これは単純な名前 (例: `test-game-1`) にも、ネストした相対パスにもできます。たとえば、選択されたルート ワークスペース フォルダーが `bundles` と呼ばれ、相対パス `role-playing-games/test-game-1` が提供された場合、作成されたバンドルは `path/to/bundles/role-playing-games/test-game-1` に配置されます。                                                                                                       |
   | `Layouts Directory Name` | デフォルト: `layouts`。レイアウトが保存されるバンドル内のディレクトリの名前。                                                                                                                                                                                                                                                                                    |
   | `Assets Directory Name`  | デフォルト: `assets`。アセットが保存されるバンドル内のディレクトリの名前。                                                                                                                                                                                                                                                                                      |
   | `Context File Name`      | デフォルト `context`。コンテキスト ファイルの名前。このファイルはバンドルのルートに配置されます。[コンテキスト ファイルの詳細を読む](/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-bundle#context-and-state)。                                                                                                                                           |
   | `Languages`              | デフォルト: なし。バンドルがサポートする IETF 言語タグのカンマ区切りリスト (例: `en-US, ja-JP, fr-CA`)。複数の言語のサポートを追加する際、layouts および assets ディレクトリ内の各言語専用のサブディレクトリが作成されます。[タッチ アダプテーション バンドルのローカリゼーションの詳細を確認する](/build/core-features/common/game-streaming/game-streaming-tak-localization)。ここで提供された言語タグに関係なく、`neutral` ディレクトリが layouts ディレクトリの下に作成されることに注意してください。 |
   | `Templates`              | デフォルト: `blank`。新しいバンドルの出発点として使用する任意の数のテンプレートを選択します。バンドルがどのようにレンダリングされるかのプレビューは [こちら](/build/core-features/common/game-streaming/tak-command-line-tool/game-streaming-tak-command-line-templates) で利用できます。選択された各テンプレートに対し、layouts ディレクトリの下の *各* 言語サブディレクトリにレイアウトが作成されることに注意してください。                                               |

<Note>`Workspace` と `Name` のプロンプト以外のすべてのプロンプトには、テキストを入力せずに `Enter` を押すことで受け入れられるデフォルト値があります。</Note>

## 新しいレイアウトの作成

バンドルの作成と同様に、新しいレイアウトの作成プロセスはコマンド パレットを介して行われます。

<Info>バンドルを作成するには、少なくとも 1 つのバンドルが VS Code で開かれているワークスペース フォルダー内に存在している必要があります。</Info>

手順は以下のとおりです:

1. コマンド パレットを起動します (`Ctrl+Shift+P` または `Cmd+Shift+P`)。
2. 「create」を検索し、「Touch Adaptation Kit: Create new layout for existing bundle」を選択します

   <img src="https://mintcdn.com/microsoft-4404708b/CwRBzaXvHw9zaPoe/images/gdk/features/common/tak-editor-create-layout-command.png?fit=max&auto=format&n=CwRBzaXvHw9zaPoe&q=85&s=f0a25cbb973c310fe2f634cd1523dc1f" alt="Screenshot of the command palette with the create new layout command selected" width="607" height="98" data-path="images/gdk/features/common/tak-editor-create-layout-command.png" />
3. レイアウトを定義するパラメーターを求める一連のプロンプトが表示されます。必要な情報を入力し、各プロンプトの後に `Enter` を押します。プロンプトは以下の表にまとめられています。

   | プロンプト                 | 説明                                                                                                                                                                                                    |
   | --------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
   | `Bundle`              | これは、開いているワークスペース フォルダー内で見つかったすべてのバンドルのドロップダウン リストとして表示されます。レイアウトを作成するバンドルを選択します。これは、ワークスペースに複数のバンドルがある場合にのみ表示されます。バンドルが 1 つしかない場合、それは自動的に選択され、プロンプトはスキップされます。                                         |
   | `Template`            | デフォルト: `blank`。新しいレイアウトの出発点として使用するテンプレートを選択します。バンドルがどのようにレンダリングされるかのプレビューは [こちら](/build/core-features/common/game-streaming/tak-command-line-tool/game-streaming-tak-command-line-templates) で利用できます。 |
   | `Name`                | デフォルト: テンプレート名。新しいレイアウトの名前。これは単純な名前 (例: `main-menu`) のみで、ネストした相対パスにはできません。これは、バンドル内に同名のレイアウトが他にないように一意でなければなりません。                                                                                     |
   | `All Languages`       | デフォルト: `No`。`Yes` が選択された場合、選択したバンドルの layouts ディレクトリの下の *各* 言語サブディレクトリにレイアウトが作成されます。`No` が選択された場合、レイアウトは `neutral` ディレクトリにのみ作成されます。`Yes` が選択された場合、`Languages` パラメーターはスキップされます。                         |
   | `Languages`           | デフォルト: なし。レイアウトが作成されるべき IETF 言語タグのカンマ区切りリスト (例: `en-US, ja-JP, fr-CA`)。`All Languages` が `Yes` に設定されている場合、このプロンプトはスキップされます。選択したバンドルの layouts ディレクトリ内にサブディレクトリが存在しない言語タグが提供された場合、そのサブディレクトリが作成されます。    |
   | `Make Layout Default` | デフォルト: `No`。`Yes` が選択された場合、レイアウトはバンドルのデフォルト レイアウトとして設定されます。これはバンドルの `takxconfig.json` ファイル内の変更として発生します。                                                                                               |

## 次のステップ

> \[!div class="nextstepaction"]
> [レイアウトのプレビュー](/build/core-features/common/game-streaming/tak-editor/game-streaming-tak-editor-preview-layouts)


## Related topics

- [Touch Adaptation Kit (TAK) リファレンス](/ja-jp/build/core-features/common/game-streaming/game-streaming-touch-touch-adaptation-kit-overview.md)
- [Visual Studio Code 向け Touch Adaptation Kit (TAK) エディター](/ja-jp/build/core-features/common/game-streaming/tak-editor/index.md)
- [タッチレイアウトの公開](/ja-jp/build/core-features/common/game-streaming/building-touch-layouts/game-streaming-touch-publishing-layouts.md)
- [TAK Editor によるタッチ アダプテーション バンドルのパッケージ化](/ja-jp/build/core-features/common/game-streaming/tak-editor/game-streaming-tak-editor-pack-bundles.md)
- [Touch Adaptation Kit Editor とは](/ja-jp/build/core-features/common/game-streaming/tak-editor/game-streaming-tak-editor.md)
