[B! Mermaid] fuyu77ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

fuyu77 id:fuyu77

Mermaidã«é–¢ã™ã‚‹fuyu77ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Mermaidã§AWSã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£å›³ã‚’æã„ã¦ã¿ãŸï¼
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(
fuyu77 2024/10/18
Mermaid
ãƒªãƒ³ã‚¯
Mermaidã§æã„ãŸå›³å½¢ã‚’ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã«å‡ºåŠ›ã—ã€ã‚ãƒ¬ã‚¤ã«æ‹¡å¤§è¡¨ç¤ºã—ã¦ã¿ãŸ | DevelopersIO
ã¯ã˜ã‚ã« ãƒ‡ãƒ¼ã‚¿ã‚¢ãƒŠãƒªãƒ†ã‚£ã‚¯ã‚¹äº‹æ¥æœ¬éƒ¨ã®è—¤å·ã§ã™ã€‚ UMLã®ä½œå›³ãƒ„ãƒ¼ãƒ«ã«ã¯æ§˜ã€…ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚æœ€è¿‘ã€Notionã‚’ä½¿ã†ã“ã¨ãŒå¤šã„ã®ã§ã€Markdownã«è¨˜è¿°ã§ãã‚‹UMLã‚’æŽ¢ã—ã¦ã„ã¾ã—ãŸã€‚ ã¾ãŸã€Visual Studio Codeï¼ˆä»¥ä¸‹ã€VSCodeï¼‰ã®Webç‰ˆã‚’ä½¿ã†æ©Ÿä¼šãŒå¢—ãˆã¾ã—ãŸã€‚ã“ã‚Œã‚‰ã®ãƒ‹ãƒ¼ã‚ºã«å¯¾å¿œã§ãã‚‹UMLä½œå›³ãƒ„ãƒ¼ãƒ«ãŒè‰¯ã„ãªã¨æ€ã„ã¾ã™ã€‚ ãã‚“ãªçµŒç·¯ã§ã€Mermaidã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ Notionã¨VSCodeã¯ã€å›³ã‚’ãƒ—ãƒ¬ãƒ“ãƒ¥ãƒ¼è¡¨ç¤ºã§ãã¾ã™ãŒã€ã‚ã¾ã‚Šå¤§ããå¼•ãä¼¸ã°ã›ã¾ã›ã‚“ã€‚ã¾ãŸã€ã‚¹ã‚±ãƒ¼ãƒ©ãƒ–ãƒ«ã§ã¯ãªã„ãŸã‚ã€æ‹¡å¤§ã—ã¦ã‚‚ç”»åƒãŒè’ãã¦ç´°éƒ¨ã‚’ç¢ºèªã§ãã¾ã›ã‚“ã€‚ ç”»åƒã‚’ãƒ•ã‚¡ã‚¤ãƒ«ã«å‡ºåŠ›ã§ãã‚Œã°ä½•ã¨ã‹ãªã‚Šãã†ãªã‚‚ã®ã§ã™ãŒã€Notionã¨VSCodeã¯ç”»åƒã‚’ãƒ•ã‚¡ã‚¤ãƒ«å‡ºåŠ›ã§ãã¾ã›ã‚“ã§ã—ãŸã€‚ æœ¬è¨˜äº‹ã§ã¯ã€Mermaidã§ä½œæˆã—ãŸå›³ã‚’ç”»åƒãƒ•ã‚¡ã‚¤ãƒ«ã«å‡ºåŠ›ã—ã€æ‹¡å¤§è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã‚’ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æ¦‚è¦
fuyu77 2023/05/23
Mermaid
ãƒªãƒ³ã‚¯
ProTip/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
fuyu77 2023/04/14
Mermaid
ãƒªãƒ³ã‚¯
Entity Relationship Diagrams | Mermaid
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
fuyu77 2023/04/05
Mermaid
ãƒªãƒ³ã‚¯
Mermaid | Diagramming and charting tool
MermaidDiagramming and charting tool JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.
fuyu77 2023/03/31
Mermaid
ãƒªãƒ³ã‚¯
Online Mermaid Visual Editor | Mermaid Flow
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
fuyu77 2023/03/14
Mermaid
ãƒªãƒ³ã‚¯
Online FlowChart & Diagrams Editor - Mermaid Live Editor
Simplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script language for generating charts from text via javascript.
fuyu77 2022/12/07
Mermaid
ãƒªãƒ³ã‚¯
Mermaid | Diagramming and charting tool
MermaidDiagramming and charting tool JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.
fuyu77 2022/03/11
Mermaid
ãƒªãƒ³ã‚¯
1