Mermaidが好きすぎるけど結局draw.ioにしがちな今日この頃ですが、ついにMermaidでAWSアーキテクチャ図が描けるようになったらしいので試してみました！ やってみた 感想としては、そこそこ複雑なものも描けそうです！ Mermaidのアーキテクチャドキュメントに飛んで、一番下のAWSアーキテクチャ図のサンプルコードに以下のコードをコピペして実行すると見ることができます mermaidコード architecture-beta service dns(logos:aws-route53)[Route53] service cdn(logos:aws-cloudfront)[CloudFront] service cert(logos:aws-certificate-manager)[ACM] service storage(logos:aws-s3)[S3] group vpc(
はじめに データアナリティクス事業本部の藤川です。 UMLの作図ツールには様々なものがあります。最近、Notionを使うことが多いので、Markdownに記述できるUMLを探していました。 また、Visual Studio Code（以下、VSCode）のWeb版を使う機会が増えました。これらのニーズに対応できるUML作図ツールが良いなと思います。 そんな経緯で、Mermaidを使っています。 NotionとVSCodeは、図をプレビュー表示できますが、あまり大きく引き伸ばせません。また、スケーラブルではないため、拡大しても画像が荒くて細部を確認できません。 画像をファイルに出力できれば何とかなりそうなものですが、NotionとVSCodeは画像をファイル出力できませんでした。 本記事では、Mermaidで作成した図を画像ファイルに出力し、拡大表示する方法をご紹介したいと思います。 概要
```mermaid gantt title A Gantt Diagram dateFormat YYYY-MM-DD section Section A task :a1, 2014-01-01, 30d Another task :after a1 , 20d section Another Task in sec :2014-01-12 , 12d another task : 24d ``` gantt title A Gantt Diagram dateFormat YYYY-MM-DD section Section A task :a1, 2014-01-01, 30d Another task :after a1 , 20d section Another Task in sec :2014-01-12 , 12d another task : 24d ```mermai
Entity Relationship Diagrams An entity–relationship model (or ER model) describes interrelated things of interest in a specific domain of knowledge. A basic ER model is composed of entity types (which classify the things of interest) and specifies relationships that can exist between entities (instances of those entity types) Wikipedia. Note that practitioners of ER modelling almost always refer
Mermaid Flow is a Visual Mermaid live editor that aims to simplify creating Mermaid JS Diagrams online. Currently Mermaid Flow supports Flowchart diagrams, giving you the ability to Drag and Drop nodes, edges and labels to create your Flowchart diagrams visually. This mermaid live editor is useful for creating and maintaining complex diagrams such as Software Architecture diagrams. Once drawn, sim
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
