AWS ネットワーク構成図を描く

はじめに

AWSを勉強していくとよく見かけるのが、AWSのネットワーク構成図です。

こんなようなやつです。
ある程度、AWSでネットワーク環境を構築していくには構成図が必要となってきます。ここではこのAWSの構成図を描くためのツールとその書き方のさわりの部分を説明します。

AWSシンプルアイコン

AWSのネットワーク構成図を描くのに使えるアイコンをAmazonが提供してくれています。

https://aws.amazon.com/jp/architecture/icons/

PowerPointやSketch、Visioで使用できるツールキットや、EPS、png、SVGのアイコンセットをダウンロードすることができます。

PowerPointなどのアプリケーションを使うならこれらをダウンロードすれば良いでしょう。

ですが、ここではクラウド型の描画ツールを使用したいと思います。
これらのツールでAWSの構成図は作成できるようです。

AWS シンプルアイコンのバージョン

この記事の最初に紹介した構成図は実は古い形式のアイコンで作成されています。公式ドキュメントから拾ってきたのですが、やっぱり公式ドキュメント自体追いついていないようです。

現時点では、リリース2019.07.29が最新のようです。
最初のアイコンとはだいぶ見た目が変わっています。

draw.ioで描き始める

draw.ioは、無料で描画でき、PDFやpng、jpeg、svgなどにもエクスポートできる便利なツールです。こちらを使って描き始めてみます。

次のリンクをクリックするとAWSのアイコンセットが使えます。

https://www.draw.io/?splash=0&libs=aws4

古いバージョンのアイコンセットも使うことができます。

左下の More shapes から変更します。

AWS17やAWS18が古いタイプのアイコンセットです。

簡単な構成図を描いてみる

AWS / Groups より AWS Cloud を選択し描画エリアに配置します。
配置後は適当な大きさに変えてください。

次に、同じ AWS / Groups の中にあるVPC、Public Subnetの順番に配置していきます。

Public subnetを選択し、[Enter]をして改行を入力後、IPアドレス範囲を入力します。

次にEC2 / Instance Types から Instanceを配置。配置後に直接 10.0.0.2 と IPアドレスを入力。

AWS / Network & Content Delivery より Internet Gateway を配置。

検索窓に Internet と入力して検索結果に出てきた Internet アイコンを配置。

先ほど配置したInternet Gatewayにマウスカーソルを合わせると上下左右に矢印が表示されるので、上矢印にカーソルを合わせて Internet アイコンまでドラッグします。

そうすると線で結ばれます。
これだけで、このような構成図が描けました。結構、簡単です。

どんな感じのネットワーク構成図を描けば良いか

これはAWSのドキュメントを参考にするのが間違い無いでしょう。いくつかの構成図を参考にしてみます。

これはVPCのドキュメントにあった構成図です。

AWS Cloudの中にVPC、Subnet、Region、Availability Zone を配置しています。その中にEC2インスタンスやRouter、Virtual private gateway などを配置して、VPN Connectionで Customer gateway と接続していることが分かります。こんな感じのが基本的な構成図になりそうです。

これはVPCのセキュリティドキュメントのページに記載されている構成図です。

Elemental MediaPackageのCDNの使用についてのページにある図です。

この辺りは先ほどまでの構成図とは違って各サービスのプロセスを表す図となっています。

SAP BusinessObjects on AWSのページにある図ですが、これなんかは結構複雑ですね。

まずはこういった図を真似て作ってみるのが良さそうです。

実際に現場で使われている構成図

サンプルとして簡単に書きましたが、こんな感じでリソース名も構成図にいれてあげると親切です。

アーキテクチャが複雑になっていけば、構成図ももっと複雑になっていきますが、シンプルなものは本当にシンプルです。

あとは、PowerPointでAWSアイコンを使って書いた簡単な構成図もよく見かけます。あとは、私がいる職場ではCacooを使っていたりもします。