キャンバス編集
キャンバスはリソースを Drag&Drop してクラウドインフラを描き、バージョンを管理してデプロイまでできる CloudStudio のコアサービスです。 キャンバスで構成されたインフラは単に視覚的アーキテクチャとして使用することもでき、希望する CSP 社に直接デプロイすることもできます。
✂️ 自由にキャンバスを編集してみましょう!
ダイアグラムオプションツールボックスの使い方
上部にあるダイアグラムオプションツールボックスは、キャンバスを飾ることができる様々な機能を提供します。
| イメージ | 動作 | 機能 |
|---|---|---|
| 取り消し | 1 つ前に戻します。 | |
| やり直し | 1 つ先に進みます。 | |
| リソースリスト | リソースリストの表示/非表示を切り替えるボタンです。 | |
| リソース名の表示 | 名前を含むリソース アイコンのリストを表示するボタンです。 | |
| 背面に移動 | 2 つのリソースが重なったときに、選択したリソースを後方に送信します。 | |
| 前面に移動 | 2 つのリソースが重なったときに、選択したリソースを前方に送信します。 | |
| テキスト色の変更 | テキスト文字のオプションを変更できます。 | |
| キャンバス色の変更 | キャンバスの背景色を変更できます。 | |
| キャンバステーマの変更 | キャンバスで該当の CSP に合わせてテーマを変更できます。 | |
| グリッド | キャンバスのグリッドを解除できます。 | |
| 画面比率 | キャンバスの画面比率を調整します。 | |
| フルスクリーン | フルスクリーンモードに変更できます。 | |
| キャンバスモードの変更 | Studio(機能適用) / Diagram(機能除外)にモードを変更できます。 |
キャンバスオプションツールボックス使い方
サイドメニューにあるキャンバスオプションツールボックスを使用して CloudStudio のさまざまな機能を利用できます。
| イメージ | 動作 | 機能 |
|---|---|---|
| 保存する | 現在まで作成されたキャンバスを保存します。 | |
| エクスポート | キャンバスに作成されたアーキテクチャのイメージと Terraform コードを圧縮ファイルとしてダウンロードします。 | |
| インポーと | 実際のクラウド環境にデプロイされたリソースをキャンバスにロードします。 | |
| バージョン保存 | 現在構成されているキャンバスをバージョンごとに保存できます。 | |
| バージョン履歴 | 以前に記録されたバージョン履歴を確認して読み込むことができます。 | |
| コスト計算 | 現在キャンバスに構成されているリソースのコストを予想して計算します。 | |
| セキュリティ診断 | キャンバスによって生成された Terraform コードの脆弱性を診断します。 | |
| 有効性検査 | キャンバスによって生成された Terraform コードの有効性検査を行います。 | |
| デプロイ | クラウド環境にキャンバスで構成されたリソースを実際にデプロイします。 | |
| マイグレーション | キャンバスに構成されているインフラストラクチャを他のクラウドのインフラストラクチャに変換します。 | |
| リソースオプション | キャンバスで構成されたリソースのオプションを確認できます。 | |
| Terraform コード | キャンバスで構成された Terraform コードを確認できます。 | |
| キャンバス構成 | キャンバス構成をツリー形式で確認できます。 | |
| リソースオプションエラー | 設定したリソースのオプションに対するエラーを確認することができます。 |
リソース Drag & Drop
Drag & Dropはキャンバスを構成できる最も単純な機能です。
左側のリソースリストから必要なリソースをドラッグしてキャンバスに Drag&Drop してみましょう!
互いに接続できないリソースは、赤い線とともに跳ね返ります。

リソースリストはキャンバス左側にあるリソースを集めたパネルです。
リソース連結
キャンバスに Drag & Drop したリソースを連結できるリソース同士で線でつなげます。

リソースタイプ
リソースは大きく以下の4つタイプに分けられます。以下のリソースリストを参考にして、キャンバス リソースを接続します。
| 이미지 | 이름 | 설명 |
|---|---|---|
| 基本形 | グループ内に属するリソースを表示します。 | |
| 連結形 | そのリソースに接続できるリソースのリストを表示します。 | |
| グループ型 | 該当グループに属するリソースのリストを表示します。 | |
| Tools | キャンバス ツールのリストを表示します。 |
リソースオプションの編集
リソースをダブルクリックしてリソース設定値を変更できる編集ウィンドウを開きます。
詳細を見るアイコンをクリックしてそのリソースの説明を確認できます。
❓ クェスチョンマークアイコンにマウスを合わせると各オプションに関する説明を確認できます。説明を参考にして、必要な値を設定してください。

エラーを修正する
🔴 赤い点はそのリソースにエラーがあることを示しています。 エラーがある場合、キャンバスを保存及びデプロイすることはできません。
エラーを解決するために、キャンバスでエラーが発生したリソースをダブルクリックしてキャンバスエラーウィンドウを開きます。
キャンバス エラー ウィンドウで修正しようとしている特定のエラーをダブルクリックすると、エラーが発生した場所に移動します。エラーの原因を参考にしてエラーを修正します。

エラーの種類
| 종류 | 설명 |
|---|---|
| value | 入力値が正しくない場合に発生するエラー |
| group | どのグループに属していない場合に発生するエラー |
| line | 必要なリソースが接続されていない場合に発生するエラー |