翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。

# からの Infrastructure Composer の視覚的な概要 AWS Toolkit for Visual Studio Code
<a name="using-composer-ide-visual"></a>

の Infrastructure Composer のビジュアルデザイナー AWS Toolkit for Visual Studio Code には、ビジュアルキャンバスが含まれています。ビジュアルキャンバスには、次の画像に番号が付けられ、以下にリストされているコンポーネントが含まれています。

![数値項目化されたビジュアルキャンバスのコンポーネントを含む、Infrastructure Composer のビジュアルデザイナー。](http://docs.aws.amazon.com/ja_jp/infrastructure-composer/latest/dg/images/aac_use_ide_visual_02.png)


1. **リソースパレット** – 設計できるカードを表示します。

1. **カードカテゴリ** – カードは、Infrastructure Composer に固有のカテゴリ別に整理されます。

1. **リソース検索バー** – キャンバスに追加できるカードを検索します。

1. **リスト** — アプリケーションリソースのツリービューを表示します。

1. **リソース** – リソースパレットを表示します。

1. **左ペインの切り替え** — 左ペインを非表示または表示します。

1. **配置** — アプリケーションアーキテクチャをキャンバスに配置します。

1. **同期** – AWS Serverless Application Model (AWS SAM) CLI `sam sync` コマンドを開始してアプリケーションをデプロイします。

1. **メニュー** – 次のような一般的なオプションを提供します。
   + **キャンバスをエクスポートする**
   + **キャンバスをツアーする**
   + **ドキュメント**へのリンク
   + キーボードショートカット

1. **リソースプロパティパネル** – キャンバスで選択されたカードに関連するプロパティを表示します。このパネルは動的です。カードを設定すると、表示されるプロパティが変更されます。

1. **カード** – キャンバスにカードのビューを表示します。

1. **行** – カード間の接続を表します。

1. **グループ** – カードのグループ。ビジュアル組織のカードをグループ化できます。

1. **ポート** – 接続は他のカードを指します。

1. **カードアクション** – カードに対して実行できるアクションを提供します。
   + **詳細** — **リソースプロパティ**パネルを表示します。
   + **グループ** – 選択したカードをグループ化します。
   + **削除** – キャンバスとテンプレートからカードを削除します。

1. **再センタ**リング – アプリケーション図をビジュアルキャンバスに再センタリングします。

1. **ズーム** – キャンバスをズームインおよびズームアウトします。