• AWS Systems Manager CloudWatch ダッシュボードは、2026 年 4 月 30 日以降は利用できなくなります。お客様は、これまでと同様に Amazon CloudWatch コンソールを使用して、Amazon CloudWatch ダッシュボードの表示、作成、管理を継続できます。詳細については、「[Amazon CloudWatch ダッシュボードのドキュメント](https://docs.aws.amazon.com/AmazonCloudWatch/latest/monitoring/CloudWatch_Dashboards.html)」を参照してください。

# ビジュアルデザインエクスペリエンスのインターフェースの概要
<a name="visual-designer-interface-overview"></a>

Systems Manager Automation のビジュアルデザインエクスペリエンスは、自動化ランブックの作成に役立つローコードのビジュアルワークフローデザイナーです。

インターフェースコンポーネントの概要を使って、ビジュアルデザインエクスペリエンスについて理解しましょう。

![ビジュアルデザインエクスペリエンスコンポーネント](https://docs.aws.amazon.com/ja_jp/systems-manager/latest/userguide/images/visual_designer_overview.png)

+ **[アクション]** ブラウザーには **[アクション]**、**[AWSAPI]**、**[ランブック]** タブがあります。
+ *キャンバス*は、アクションをワークフローグラフに移動する場所です。アクションの順序を変更し、設定するアクションを選択することもできます。
+ **[フォーム]** パネルでは、キャンバス上で選択した任意のアクションのプロパティを表示および編集できます。**[コンテンツ]** トグルを選択すると、現在選択されているアクションが強調表示された状態でランブックの YAML または JSON が表示されます。

**[Info]** (情報) リンクは、ヘルプが必要になるとコンテキスト情報を含むパネルを開きます。これらのパネルには、Systems Manager Automationドキュメントの関連トピックへのリンクも含まれます。

## アクションブラウザー
<a name="visual-designer-actions"></a>

**[アクション]** ブラウザーから、アクションを選択してワークフローグラフに移動できます。すべての状態を検索するには、**[アクション]** ブラウザー上部の検索フィールドを使用します。**[アクション]** ブラウザーには以下のタブがあります。
+ **[アクション]** タブには、キャンバス内のランブックワークフローグラフに移動できるオートメーションアクションのリストが表示されます。
+ **[AWS API]** タブには、ランブックのワークフローグラフに移動できる AWS API のリストが表示されます。
+ **[Runbooks]** タブには、すぐに使えるランブックが構成要素として用意されています。例えば、これらのランブックを使えば、同じアクションを再作成しなくても、Amazon EC2 インスタンスで一般的な修正タスクを実行できます。

![ビジュアルデザインエクスペリエンス-アクションブラウザ](https://docs.aws.amazon.com/ja_jp/systems-manager/latest/userguide/images/visual_designer_actions_multi_view.png)


## キャンバス
<a name="visual-designer-canvas"></a>

アクションを選択した後、それをキャンバスにドラッグしてワークフローグラフにドロップします。アクションを移動して順序を変更することもできます。ワークフローが複雑な場合は、すべてのワークフローが一度に表示されないことがあります。上部のコントロールは拡大/縮小に使用します。他の部分を表示するには、キャンバス内でワークフローグラフを移動します。

**[アクション]** ブラウザーから、アクションをランブックのワークフローグラフに移動します。ラインはワークフローのどこに配置されるかを示します。アクションの順序を変更するには、ワークフロー内の別の場所に移動します。新しいワークフロー状態がワークフローに追加され、そのコードが自動生成されます。

![ビジュアルデザインエクスペリエンスキャンバス](https://docs.aws.amazon.com/ja_jp/systems-manager/latest/userguide/images/visual_designer_canvas.png)


## フォーム
<a name="visual-designer-form"></a>

ランブックワークフローにアクションを追加したら、そのアクションをユースケースに合わせて設定できます。設定したいアクションを選択すると、**[フォーム]** パネルにそのパラメータとオプションが表示されます。**[コンテンツ]** トグルを選択すると、YAML コードまたは JSON コードを表示することもできます。選択した状態に関連付けられているコードがハイライトされます。

![ビジュアルデザインエクスペリエンスフォームパネル](https://docs.aws.amazon.com/ja_jp/systems-manager/latest/userguide/images/visual_designer_form.png)


![ビジュアルデザインエクスペリエンスコンテンツパネル](https://docs.aws.amazon.com/ja_jp/systems-manager/latest/userguide/images/visual_designer_content.png)


## キーボードショートカット
<a name="visual-designer-keyboard-shortcuts"></a>

ビジュアルデザインエクスペリエンスは、次の表に示すキーボードショートカットをサポートします。


| キーボードショートカット | 関数 | 
| --- | --- | 
| Ctrl\+Z | 直前のオペレーションを元に戻す | 
| Ctrl\+Shift\+Z | 直前のオペレーションをやり直す | 
| Alt\+C | ワークフローをキャンバスの中央に配置する | 
| Backspace | 選択した状態をすべて削除する | 
| 削除 | 選択した状態をすべて削除する | 
| Ctrl\+D | 選択した状態を複製する |