ENGINEER BLOG ENGINEER BLOG
  • 公開日
  • 最終更新日

draw.ioの個人的おすすめな使い方

この記事を共有する

目次

皆さんお疲れ様です!!
サービスGの山内です!!
皆さんはAWSの構成図を作成するときは何を使っていますか?私はdraw.ioが大好きなので個人的におすすめな機能を紹介します!!

その1 F2キーでアイコン名を素早く入力

アイコンをクリックした状態で、F2キーを押してみてください。
なんとアイコン直下にテキストボックスが出現し、そのままアイコンの名前を入力することができちゃうんです。
この機能が個人的には一番便利だなと感じています。
01.png

その2 レイヤー

これは他の作図ツールでも使える機能ですが、私はAWSサービスのアイコンと、リージョンやアカウントなどの枠をレイヤーごとに分けて作図するのがいいと感じます。
すべて同じレイヤーで記載してしまうと、アイコン同士を矢印などで結ぶ際にリージョンなどの枠が干渉してしまい、結ぶのが大変になります。 02.png 03.png

また、レイヤーを分けることで枠を都度「最背面に移動」しなくても、アイコンをクリックして移動させることができるようになるため、ぜひ使ってみてください。

レイヤーは、「表示」→「レイヤー」をクリックすることで有効化できます。 04.png

その3 背景色を有効化してアイコン名と矢印かぶりの回避

最近発見した神機能です。
まずは下の図をご覧ください。 EventBridgeとLambdaのリソース名が矢印と重なってしまい、見にくくなっています。 05.png これを次のように回避できます。 リソース名の背景色が白になり、見やすくなりました。 06.png

設定手順は以下の通りです。

  1. アイコンのリソース名を選択した状態で背景色を「白」で有効化
  2. 重なっている矢印を最背面へ移動
    07.png

まとめ

簡単に紹介しました!
皆さんぜひ使ってみてください。 また、紹介できそうな機能や使い方があれば紹介したいと思います!

この記事は私が書きました

山内 宏紀

記事一覧

CloudFormationが好きです。 使っているギターはSGです。

山内 宏紀

この記事を共有する

クラウドのご相談

CONTACT

クラウド導入や運用でお悩みの方は、お気軽にご相談ください。
専門家がサポートします。

サービス資料ダウンロード

DOWNLOAD

ビジネスをクラウドで加速させる準備はできていますか?
今すぐサービス資料をダウンロードして、詳細をご確認ください。