とりゅふの森

GCPデータエンジニアとして生きる

【Google Cloud】アーキテクチャダイヤグラムツールを使ってみた

f:id:true-fly:20220220195550p:plain

先週Google Cloudのブログで、Google Cloud公式のアーキテクチャダイヤグラムツールが紹介されていたので使ってみました。

cloud.google.com

今までは下記ページからGoogleスライドやDraw.ioのアイコンセットをコピーして作成していたのですが、今回はGoogle Cloud専用のものができたということで、もしかしたら今後はこちらが主流になるかもしれません。

cloud.google.com

それでは、早速試していきましょう!

アーキテクチャ図を書いてみる

以下のURLからアクセスします。
googlecloudcheatsheet.withgoogle.com

まっさらなキャンパスと、各種アイコンセットが表示されました!
f:id:true-fly:20220220194049p:plain:w480

画面左側のアイコンセットから使いたいアイコンをD&Dしてキャンバスに描画できます。
Computeなどの種類を選んだら箱が空いてアイコンが落ちてくるアニメーションがかわいいです。
ペンや矢印などは画面上のツールボックスから選択して描画できます。

f:id:true-fly:20220220200722g:plain:w480

[Diagrams]の中にあるアイコンをD&Dすれば、サンプルとなるアーキテクチャ図が作成されます。

f:id:true-fly:20220220195917g:plain:w480

スマートフォンだったりユーザだったり、汎用的に使えるアイコンは、[Icons]の中から選択ができました。

f:id:true-fly:20220220201303p:plain

アーキテクチャ図の作成が終わったら、画面左上から[Export]をクリックします。
.excalidrawという拡張子でローカルにファイル保存されるので、再びブラウザ上でロードして編集ができます。

f:id:true-fly:20220220201357p:plain

[Save as Image]をクリックすればPNG、またはSVGで出力ができます。

f:id:true-fly:20220220201710p:plain:w480

Google Developer Cheat Sheet

ちなみにですが、このダイヤグラムツール、Google Developer Cheat Sheetと同じサブドメインですね。
このGoogle Developer Cheat Sheetも新しくなり、Map View、List Viewで、Google Cloudの各サービスを一覧で見ることができます。
ぜひ下記URLからチェックしてみてください! googlecloudcheatsheet.withgoogle.com

まとめと感想

今日はGoogle Cloud公式のアーキテクチャダイヤグラムツールを使ってきました。
まだリリースされたばかりなので、GoogleスライドやDraw.ioの方が使いやすいのが正直なところです。
少なくとも、アーキテクチャ図でよく出てくる矢印は、アイコンの右端中心から伸びて、つなげるアイコンの左端中心で止まるような描画ができるようになってほしいですね。
このアーキテクチャダイヤグラムツールを使って、書いたアーキテクチャのデプロイもできるみたいです。
まだまだ機能が限られたこのサービスですが、今後の発展に期待して今から触ってみるのはいかがでしょうか?