Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
AWSアーキテクチャ図をスマートに描く方法をいろいろ試してみた
kiku3_2024
June 29, 2024
Technology
0
250
AWSアーキテクチャ図をスマートに描く方法をいろいろ試してみた
JAWS-UG名古屋 × Media-JAWS@中京テレビ
kiku3_2024
June 29, 2024
Tweet
Share
Other Decks in Technology
See All in Technology
こんなUIってSwiftUIでこう作るのか!を解剖してみた
fumiyasac0921
2
370
初めての札幌と初めてのBedrock ~Bedrock Converse API×SAMで遊んでみる~
maimyyym
1
140
コンテナセキュリティ入門ウェビナー ~ECS on Fargate構成に必要なセキュリティ対策を知ろう~
koheiyoshikawa
0
350
スポーツ業界でmicroCMSを積極的に導入している話@microcCMS Meetup 2024
gorannasai
0
1k
リーグオブ情シス登壇資料_議事録AIの導入について
hirotomotaguchi
3
330
エンジニアリングマネージャーはどう学んでいくのか #devsumi / How Do Engineering Managers Continue to Learn and Grow?
expajp
2
1.1k
エレガントパズル 30分 ダイジェスト版/ Elegant Puzzle 30min Digest
iwashi86
4
190
地理情報とAPIのトレンド
nagix
0
150
コミュニケーションを「パス」のやりとりと捉え大切にしていること / dai-kichijojipm-2024
blue_goheimochi
2
1.5k
RDS for Db2 はじめの一歩・HA(高可用性)編 #1 /20240712-RDSforDb2-dojo
mayumihirano
0
150
Datadog Cloud SIEMを使ってAWS環境の脅威を可視化した話/lifeistech-datadog-cloud-siem
gidajun
0
440
エンジニア向け会社紹介資料
caddi_eng
14
220k
Featured
See All Featured
The Brand Is Dead. Long Live the Brand.
mthomps
52
36k
Navigating Team Friction
lara
181
13k
Fashionably flexible responsive web design (full day workshop)
malarkey
399
65k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.8k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
16
1.6k
Documentation Writing (for coders)
carmenintech
63
4.2k
Practical Orchestrator
shlominoach
185
9.9k
Reflections from 52 weeks, 52 projects
jeffersonlam
346
19k
Imperfection Machines: The Place of Print at Facebook
scottboms
262
12k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Six Lessons from altMBA
skipperchong
24
3.2k
Creatively Recalculating Your Daily Design Routine
revolveconf
214
11k
Transcript
JAWS-UG中部 LT AWSアーキテクチャ図をスマートに描 く方法をいろいろ試してみた 菊池 修平 @kiku3_2024 2024/6/27 JAWS-UG中部 2024/06/27
1
自己紹介 菊池修平 愛知県在住 仕事:クライアント企業のクラウド活用・技術支援 2024 Japan AWS All Certifications Engineers
JAWS-UG中部 2024/06/27 2
皆さん、AWSアーキテクチャ図を描いてますか? 私は特に指定がなければパワーポイントやdraw.ioを使うことが多い JAWS-UG中部 2024/06/27 3
アーキテクチャ図とは 出典:AWS公式 アーキテクチャダイアグラム作成とは アーキテクチャ図は、ソフトウェアシステムコンポーネントの視 覚的表現を作成するプロセスです。ソフトウェアシステムでは、 アーキテクチャという用語は、さまざまな機能、その実装、およ び相互のインタラクションをいいます。 ソフトウェアは本質的に 抽象的であるため、アーキテクチャ図はシステム内におけるさま ざまなデータの動きを視覚的に示します。また、ソフトウェアが
周囲の環境とどのようにインタラクションするかについても明ら かにします。 “ “ JAWS-UG中部 2024/06/27 4
アーキテクチャ図の主なユースケース 構成検討 アイデア共有 提案書作成 設計ドキュメント作成 JAWS-UG中部 2024/06/27 5
アーキテクチャ図の描き方に唯一の正解はない 何を表現したいか・伝えたいかによって適した表現は違う -> まずは目的を明確にすることが重要 JAWS-UG中部 2024/06/27 6
参考:AWSアーキテクチャ図のガイドライン AWS公式アイコンセットのパワーポイントがあり、そのなかにアーキ テクチャ図作成のガイドラインが載っています JAWS-UG中部 2024/06/27 7
アーキテクチャ図作成に使えるツール例 パワーポイント draw.io PlantUML Mermaid Diagrams Eraser AI JAWS-UG中部 2024/06/27
8
各ツールで作図してみる 生成AI(Claude3.5 Sonet)のサポートも得ながら作成してみる サンプルシステムイメージ ユーザーからのリクエストをもとに生成AIで画像生成して、Slackで送 るシステム JAWS-UG中部 2024/06/27 9
draw.io 手軽に作図できる AWS Cloud AWS Lambda Amazon S3 Amazon Cognito
Amazon API Gateway Amazon Bedrock Amazon DynamoDB Slack User us-east-1 Authenticate API Request Trigger Store Metadata Store Image アイコンも豊富にあり、割と新しい ちなみにdraw.ioのVScode拡張機能のアイコンは少し古い JAWS-UG中部 2024/06/27 10
PlantUML UML図作成用のテキストベースツール アイコンは割と新しい レイアウトが思ったように配置できなかった JAWS-UG中部 2024/06/27 11
Mermaid テキストベースの作図ツール AWSアイコンセットがないので、それっぽく見せるためには似たよ うな色と形で工夫が必要 参考:テキストから図が生成できるMermaidでAWS構成図をつくる JAWS-UG中部 2024/06/27 12
Diagrams Pythonのコードで図を生成 AWSアイコンセットが古い(2022年)ので、Bedrockがなかった JAWS-UG中部 2024/06/27 13
Eraser AI 生成AIを使って自然言語(プロンプト)での作図もできるツール 図をCode化することも可能 JAWS-UG中部 2024/06/27 14
各ツールで作ってみた所感 Eraser AIは自然言語で指示できて画像がすぐ生成されるので、かな り楽だった チームで議論しながらアーキテクチャを考えるときに良いと思う PlantUMLとDiagramsは生成AIとやりとりすることで、割と早く使 える図ができた 生成AIが提示してくるアイコンURLは間違ってることが多かった 生成されたコードを実行したり視覚化する手間がある Mermaidは私が不慣れなこともあり一番苦戦した
JAWS-UG中部 2024/06/27 15
まとめ アーキテクチャ図で何を伝えたいか目的を明確化したうえで、その 目的にあった表現を選択する 生成AIと協業することを意識してツールを選択する アーキテクチャを考えるのは楽しい JAWS-UG中部 2024/06/27 16
発表は以上です ありがとうございました JAWS-UG中部 2024/06/27 17