Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AWSアーキテクチャ図をスマートに描く方法をいろいろ試してみた
Search
kiku3_2024
June 29, 2024
Technology
0
940
AWSアーキテクチャ図をスマートに描く方法をいろいろ試してみた
JAWS-UG名古屋 × Media-JAWS@中京テレビ
kiku3_2024
June 29, 2024
Tweet
Share
Other Decks in Technology
See All in Technology
ECS モニタリング手法大整理
yendoooo
1
120
コミュニティと計画的偶発性理論 - 出会いが人生を変える / Life-Changing Encounters
soudai
PRO
7
1.3k
Evolution on AI Agent and Beyond - AGI への道のりと、シンギュラリティの3つのシナリオ
masayamoriofficial
0
130
AIエージェントの開発に必須な「コンテキスト・エンジニアリング」とは何か──プロンプト・エンジニアリングとの違いを手がかりに考える
masayamoriofficial
0
320
Yahoo!ニュースにおけるソフトウェア開発
lycorptech_jp
PRO
0
280
第4回 関東Kaggler会 [Training LLMs with Limited VRAM]
tascj
11
1.6k
サイボウズフロントエンドの横断活動から考える AI時代にできること
mugi_uno
4
1.4k
信頼できる開発プラットフォームをどう作るか?-Governance as Codeと継続的監視/フィードバックが導くPlatform Engineeringの進め方
yuriemori
1
430
R-SCoRe: Revisiting Scene Coordinate Regression for Robust Large-Scale Visual Localization
takmin
0
400
Delegate authentication and a lot more to Keycloak with OpenID Connect
ahus1
0
240
ドキュメントはAIの味方!スタートアップのアジャイルを加速するADR
kawauso
3
200
GitHub Copilot coding agent を推したい / AIDD Nagoya #1
tnir
2
4.4k
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
4k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Building Adaptive Systems
keathley
43
2.7k
BBQ
matthewcrist
89
9.8k
Typedesign – Prime Four
hannesfritz
42
2.8k
Agile that works and the tools we love
rasmusluckow
329
21k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
A better future with KSS
kneath
239
17k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Statistics for Hackers
jakevdp
799
220k
Thoughts on Productivity
jonyablonski
69
4.8k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
890
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