Lucidchartでクラウドフレームを使ってクラウドインフラを可視化しましょう

著者:  Ashley M
最終更新日:  

Lucidchartのcloud フレームを使えば、AWS、Microsoft Azure、Google Cloudからインポートしたクラウドインフラを自動的にインタラクティブでデータバックのダイアグラムに変換できます。キャンバスビュー管理の組織階層をカスタマイズし、リソースの可視性を管理して、さまざまな視点からアーキテクチャを明確に表示しましょう。 この記事を読んで、 Lucidchart ドキュメント内でクラウドインフラの追加、フォーマット、フィルターの方法を学びましょう。

クラウドアクセルのアカウントでは、クラウドフレームを使った機能がLucidchartで利用可能です。エンタープライズアカウント用のクラウドアクセルを購入するには営業部に連絡してください。

注: Lucidscaleの機能はLucidchartに移行されています。この記事は、新たな経験を反映している。レガシーLucidscale ドキュメント化については、 Lucid コミュニティのこの投稿をご覧ください。

インポートしたクラウドデータで新しいドキュメントを作成する

AWSMicrosoft AzureまたはGoogle CloudからクラウドインフラデータをLucid Data Hubにインポートした後、以下の手順に従って自動的にダイアグラムにデータをレンダリングできます:

  1. Lucid ホームページの左側にあるナビゲーションメニューから 「データハブ 」を選択してください。
  2. 左側のオプションからAWSMicrosoft Azure、またはGoogle Cloudを選択します。
  3. ページ上部から 「新しいドキュメントを作成 」をクリックします。
  4. 使用するデータソースを選択してください。
  5. 右下隅の「次へ」をクリックしてください。
  6. ドキュメントの名前を入力してください。
  7. 右下の「 ドキュメント作成 」をクリックします。

新しい Lucidchart ドキュメントを作成したら、次のセクションに進んでキャンバスにクラウドデータを追加する方法を学びましょう。

キャンバス上でクラウドデータを可視化します

クラウドデータが Lucidchart ドキュメントにインポートされた後、以下の方法でキャンバスに図形を追加できます:

  • クラウドエージェント(AWSのみ):クラウドエージェントを使えば、 Lucid AI を使って Lucidchart内で直接ターゲットを絞ったAWSインフラダイアグラムを生成できます。 詳しい説明については、Lucid AILucidchart記事の「クラウドエージェントを使ってアーキテクチャダイアグラムをビルドする」をご覧ください。
  • Freeform ダイアグラム:freeform ダイアグラムでキャンバスにcloud 図形を手動で追加し、カスタマイズされたダイアグラムを作成できます。 詳細は、記事の「Freeform ダイアグラム」とクラウドインフラについてご参照Lucidchartをご覧ください。
  • クラウドフレーム:クラウドフレームはクラウドデータの自動可視化です。 クラウドフレーム内で複数のビューを作成し、それぞれ異なる視点からインフラを表示できます。この記事の残りの部分では、クラウドフレームを ビュー やその他の 表示オプションでカスタマイズする方法についての情報が含まれています。

キャンバスにクラウドフレームを追加してください

クラウド フレームをLucidchartに追加するには、次の手順に従います。

  1. ページの左側にある主ツールバーからCloud Resourcesのアイコン cloud-resources-icon.png 選択してください。
  2. パネル上部の クラウドフレーム をクリックします。

注: ドキュメントごとにクラウドフレームは1つまで追加できます。ビューを使って同じフレームの異なる視点を見ることができます。

ビューの作成と管理

ビューは、この単一のフレーム内で作成するさまざまな可視化で、建築やリソースをさまざまな視点から可視化できます。それぞれが同じインポートされたデータに対して、異なる構造、フィルター、レイアウト設定の設定を適用します。

新しいドキュメントを生成すると、レンダリングされたインフラストラクチャは自動的に「Summarized Infrastructure」ビューに表示されます。

新しいビューに切り替え

新しいビューに切り替えるには、以下の手順をフォローしてください:

  1. Lucidchartのドキュメントでクラウドフレームを選択します。
  2. 右側に開くパネルで、「現在のビュー」のドロップダウンメニューをクリックしてください。
  3. 新しいビューを選択してください。

新しいビューを作成する

新しいビューを作成するには、以下のステップをフォローしてください:

  1. Lucidchartのドキュメントでクラウドフレームを選択します。
  2. 右側に開くパネルで、「現在のビュー」のドロップダウンメニューをクリックしてください。
  3. 「テンプレートから作成」を選択します。
    create-from-template-option-for-ビュー-of-cloud-architecture.png
  4. オプションからテンプレートを選択するか 、「スキップ」 をクリックしてください。左下の空白ビューが欲しいです。
  5. テンプレートを選択した場合は、右下から 「生成 」をクリックしてください。

既存のビューを管理する

既存のビューの設定にアクセスするには、以下のステップをフォローしてください:

  1. Lucidchartのドキュメントでクラウドフレームを選択します。
  2. 右側に開くパネルで、「Current ビュー」ドロップダウンの右側にある三点アイコンをクリックしてください。
  3. 以下のいずれかのオプションを選択します。
    • ビューの名前を変えてください。
    • 自動レイアウトか手動レイアウトでビューを複製してください。
    • 現在のビューまたは全ビューのエクスポート設定
    • JSONファイルからビュー設定をインポートします
    • change 図形ライブラリ
    • ビューを削除してください

AWS、Microsoft Azure、Google Cloud向けのビューテンプレート

テンプレートを表示 AWS Google Cloud Azure 説明/詳細
要約されたインフラストラクチャ はい はい はい 環境全体の階層を示しますが、同じ種類のリソースを集約図形にまとめてカウントを数います。 高レベルのアーキテクチャ概要に最適なです。
簡略化されたインフラストラクチャ はい はい はい 要約されたインフラストラクチャを使い、折りたたみをコンパクトなテキストベースのリストにグループ化します。 非常に広大な環境をナビゲートしたり、検査したい領域だけを拡大したりするのに最適です。
リソースインベントリ はい はい はい 資産レビューや高レベル報告のために、一目で分かりやすいインベントリにリソースを集約します。
セキュリティ はい はい はい セキュリティリスクをもたらす可能性のあるサービス設定に一般的なインサイトを取り入れることを可能にします。
コンプライアンス はい はい はい お客様のインフラストラクチャにおける潜在的なコンプライアンス上の問題点を明らかにします。
コスト削減 はい はい はい クラウド支出の最適化やコスト削減を可能にする特定のリソースやサービスへのインサイトを提供します。
詳細なインフラストラクチャ はい はい はい ほとんどのリソースを個人図形として表示し、さらに多くの設定メタデータやビジュアルインジケーターも含めて表示されます。 技術レビュー、トラブルシューティング、詳細なドキュメント化に最適です。
セキュリティグループ はい いいえ はい AWSや Microsoft Azureの区分けされたセキュリティグループ内でリソースをビュー管理できます。 複数のセキュリティグループを持つリソースはコンテナ間で複製されます。生成された線セクションのセキュリティグループオプションは、双方向通信を可能にするセキュリティグループ間の線も生成します。
VPCトポロジー はい いいえ いいえ AWSネットワークトポロジー。
サーバーレス はい いいえ いいえ AWSのサーバーレスビュー。
ECS はい いいえ いいえ クラスタ内でサービスやタスクをビューで実行できるようにします。 また、クラスターをEC2コンテナとファーゲートコンテナに分割します。
ネットワークトポロジー いいえ はい はい Google Cloud および Microsoft Azure ネットワークトポロジー。
共有ネットワークインフラストラクチャ いいえ はい いいえ Google Cloudはネットワークインフラを共有していました。
GKE クラスター いいえ はい いいえ Google Cloud GKEクラスタビュー。
共有ネットワークインフラストラクチャ いいえ はい はい Microsoft Azure 共有の仮想ネットワークインフラストラクチャです。

手動レイアウトビュー

手動レイアウトビューでは、図形の配置を自分でコントロールでき、手動で変更できるレイアウトにアクセスできます。 コンテナやリソースをキャンバスに追加するには、左側のクラウドリソースパネルからクリックしてドラッグしてキャンバスに移動させます。

Lucidchartにおけるクラウドインフラストラクチャの表示方法をカスタマイズできます

ビュー リソース

Lucidがサポートするすべてのリソースタイプをビューするには、ページの左側にある主ツールバーからクラウドリソースアイコン cloud-resources-icon.png 選択してください。 検索バーを使用して、このリスト内の特定のリソースタイプにアクセスしてください。

キャンバス上で資源を表示または隠す

キャンバスに見えるリソースを編集するには、以下のステップをフォローしてください:

  1. Lucidchartのドキュメントでクラウドフレームを選択します。
  2. 右側に開いたパネルで、「リソースの表示設定」セクションまでスクロールしてください。
  3. リソースタイプの横にあるチェックボックスを使って、現在のビューでそのタイプのリソースをすべて表示または非表示にしてください。
    • 個人リソースを表示または非表示するリソースタイプを選択します。

資源間の線を表示

クラウドインフラストラクチャ線はリソースメタデータに基づくリソース間の関連を表します。 線の可視性をオン・オフ切り替えるには、以下の手順をフォローしてください:

  1. Lucidchartのドキュメントでクラウドフレームを選択します。
  2. 右側に開くパネルで、「現在のビュー」ドロップダウンの下にある レイアウト をクリックしてください。
  3. 線カテゴリの右側にある「ボックス」にチェックを入れるか、チェックを外して表示を切り替えます。
    • 各線カテゴリの左側の矢印をクリックすると、特定の線タイプの視認性を切り替えられます。
    • 各線タイプごとにスタイリングをカスタマイズするには、その線をクリックしてください。

注: 線は関係する両方のリソースが見える場合にのみ現れます。関係するリソースの一つを隠したり、フィルターをまとめたりすると、線も隠れます。

ビュー 図形 メタデータ

キャンバスの個人リソースを選択して、キャンバスの右側のデータパネルを開きます。 このパネルでリソースタイルの下にある 「Data 」を選択すると、その個人リソースに関連付けられたメタデータが表示されます。

リソースのレイアウト設定を調整する

レイアウト設定は、ドキュメント内の特定のリソースタイプや、それらがレンダリングされるコンテナタイプのリソースに適用できます。コンテナやリソースタイプのレイアウト設定にアクセスするには、以下のステップをフォローしてください:

  1. ドキュメント内でコンテナまたは個人リソースを選択します。
  2. 右側に開いたパネルの上部にある「レイアウト」をクリックします。

レイアウトパネルから、以下の調整を行うことができます。

コンテナコンテナ-layout-options-for-cloud-フレーム.png

  • 折りたみ または 展開 a コンテナ。
  • テキストフィールドの追加や編集。
    • テキストフィールドの右側にある三点アイコンをクリックすると、キャンバス上で表示または非表示、またはコンテナから削除できます。値が入力されていないフィールドを非表示にするには、 「空のフィールドを非表示にする」を選択します。
  • グリッド設定の間隔、列数、並べ替える順序を調整してください。
  • 包含関係にないリソースを、一定数の列にまとめてグループ化します。
  • リソースを種類別にグループ化する。
  • コンテナ内でグループが現れる順番を調整してください。

リソースresource-layout-options-for-cloud-frame.png

  • 図形をまとめてください。 この機能をオンにすると、同じ種類の資源が一つの図形にまとめられ、個人資源の数を示すバッジが付けられます。
  • ダイアグラム上のリソース表示場所などの表示オプションを調整してください。
  • テキストフィールドの追加や編集。
    • テキストフィールドの右側にある三点アイコンをクリックすると、キャンバス上で表示または非表示、またはリソースから削除できます。値が入力されていないフィールドを非表示にするには、 「空のフィールドを非表示にする」を選択します。

注: レイアウト設定はコンテナやリソースの種類によって異なります。

構造制御

以下の手順に従うことで、クラウドインフラストラクチャの組織階層を制御できます。

  1. Lucidchartのドキュメントでクラウドフレームを選択します。
  2. 右側に開くパネルで、「現在のビュー」ドロップダウンの下にある レイアウト をクリックしてください。
  3. 「構造」セクションでは、以下が可能です:
    • + グループを追加 して、ビューのビジュアル階層にコンテナを追加できます。
    • コンテナやグループを階層からカーソルを合わせる上で Xをクリックして削除します。

提供者に基づいて、以下のグループをドキュメントの階層に追加できます:

  • AWS:アカウント、リージョン、VPC、アベイラビリティゾーン、セキュリティグループ、ECSクラスター、サブネット
  • Google Cloud: プロジェクト、ネットワーク、サブネットワーク、GKEクラスター、ノードプール、インスタンスグループ
  • Microsoft Azure:サブスクリプション、リソースグループ、仮想ネットワーク、サブネット

フィルターを適用

ビュー フィルターはフィルターの条件に合わないリソースを除外します。 フィルター a コンテナはそのコンテナのリソースも除外します。
新しいフィルターを追加するには、以下の手順をフォローしてください:

  1. add-a-filter-to-cloud-フレーム-ビュー.pngLucidchartのドキュメントでクラウドフレームを選択します。
  2. 右側のパネルで、「Current ビュー」ドロップダウンの下にある 「データ 」をクリックしてください。
  3. 「フィルター」の中から 「フィルター管理」をクリックします。
  4. 新しいフィルタールールを作成」をクリックします。
  5. 「For」の欄で、フィルターを適用したいリソースタイプを選択してください。
  6. 「Search by」で「 リソースデータ 」または 「ラベル 」を選択して、フィルターが適用されるデータを特定します。
  7. オプションで「すべてのビューに適用」をオンにして、このフィルターをドキュメント内の他のすべてのビューに適用できます。
  8. 「条件」の下で、ドロップダウンリストを使用して条件を指定するか、 「数式」を選択して数式を条件として使用します。
    • フィルターに複数の条件を付けたい場合は「 条件を追加 」をクリックしてください。
  9. [保存] をクリックします。

ビューはフィルターパラメータに合わせて調整されます。フィルターを無効にするには、「 フィルター管理」をクリックし、フィルター名の左側にあるボックスのチェックを外してください。

すべてのビューで既存フィルターを管理するには、以下のステップをフォローしてください:

  1. Lucidchartのドキュメントでクラウドフレームを選択します。
  2. 右側のパネルで、「Current ビュー」ドロップダウンの下にある 「データ 」をクリックしてください。
  3. 「フィルター」の中から 「フィルター管理」をクリックします。
  4. フィルターの右上にある三点アイコンをクリックしてください。
  5. ここから次の操作を実行できます。
    • フィルターの名前を変更してください。
    • フィルター条件を編集してください。
    • フィルターを現在のビューに複製します。
    • フィルターをドキュメント内のすべてのビューに適用します。
    • フィルターを削除してください。

この記事へのフィードバックをお寄せください

この記事に関するフィードバックはありますか?体験の内容についてこちらから教えてください。

お探しの内容は見つかりましたか?

他に質問がある場合や、学んだことを共有したい場合は、当社の コミュニティ   でサポートを得て、他のユーザーと協力しましょう。