Diagram as Code6 different ways to turn code into beautiful architecture diagrams
Diagram as Code
Diagram as Code6 different ways to turn code into beautiful architecture diagrams
ER図ã®ä½œå›³ã«ã¤ã„ã¦ã€ Draw.io, PlantUML, Mermaid を比較ã—ã¦ã¿ã‚‹ã€‚（VSCode拡張機能ãªã©ï¼‰ - Qiita
ã¯ã˜ã‚㫠データベースè¨è¨ˆã®ER図ã«ã¤ã„ã¦ã€VSCodeãªã©ã§ä½œæˆã™ã‚‹ä»¥ä¸‹ï¼“ã¤ã®æ–¹æ³•ã‚’比較ã—ãŸè¨˜äº‹ã§ã™ã€‚ Draw.io PlantUML Mermaid 以å‰ã€Webアプリケーションを作æˆã—ãŸéš›ã«ã¯ã€ Draw.io を使用ã—ã¦ã€ä½œå›³ã—ã¾ã—ãŸã€‚ （ãã®ã‚¢ãƒ—リã®ER図を今回サンプル図ã¨ã—ã¦ã„ã¾ã™ï¼‰ 最近〠PlantUML を利用ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã€ER図やã€ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³ã€ã‚¯ãƒ©ã‚¹å›³ã®ä½œå›³ã«åˆ©ç”¨ã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€ã¨ã¦ã‚‚編集ã—ã‚„ã™ã„ã¨æ„Ÿã˜ã¦ã„ã¾ã™ã€‚ ãŸã ã€ã©ã®ãƒ„ールã«ã‚‚ã€ä¸€é•·ä¸€çŸã‚ã‚‹ã‹ã¨æ€ã„ã¾ã™ã®ã§ã€ãã‚Œãžã‚Œä»¥ä¸‹ç›®æ¬¡ã®å†…容を書ã„ã¦ã€ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 目次 1. Draw.io 1-1. VSCodeã§ã®ä½¿ã„æ–¹ 1-2. ER図 1-3. 感想 2. PlantUML 2-1. VSCodeã§ã®ä½¿ã„æ–¹ 2-2. ER図 2-3. 感想 3. Mermaid 3-1. VSCodeã§ã®ä½¿ã„æ–¹
çµå±€UMLã¨ã‹ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³ã¨ã‹AWSã®å›³ã¨ã‹ã©ã‚Œã§æãã¨è‰¯ã„ã®ã‚ˆï¼Ÿã¨æ€ã£ãŸã¨ãã®é¸æŠžè‚¢ - Qiita
自身ã®ãƒ—ライオリティã«ã‚ˆã‚Šã¾ã™ãŒã€ã„ãã¤ã‹ã€‚ Markdownã§å¹…広ãå†åˆ©ç”¨æ€§ã‚’利ã‹ã›ãŸã„ã€é•·æœŸçš„ã«ä¸å¯§ã«ç‰ˆç®¡ç†ã—ãŸã„ 自分自身ã®æ“作性ã€æãã‚„ã™ã•ã¨ã€è¦‹ãŸç›® 俄然手軽ã«ã€çŸæœŸçš„ã«ã€Onlineã§ã„ã¤ã§ã‚‚ã©ã“ã§ã‚‚ ã„ãšã‚Œã‹ã¨ã„ã†è¦–点ã§è€ƒãˆã‚‹ã¨è‰¯ã„ã®ã‹ãªã¨æ€ã„ã€ä¸¦ã¹ã¦ã¿ã¾ã—ãŸã€‚ 1. 長期的ã«: Markdownã§å¹…広ãå†åˆ©ç”¨æ€§ã‚’利ã‹ã›ãŸã„ã€ä¸å¯§ã«ç‰ˆç®¡ç†ã—ãŸã„ãªã‚‰ Markdownã§æãã“ã¨ã®ãƒ¡ãƒªãƒƒãƒˆã¯å†åˆ©ç”¨æ€§ã€‚ å°†æ¥çš„ã«è¿½è¨˜ãƒ»ç·¨é›†ã€è‡ªåˆ†ä»¥å¤–ã®èª°ã‹ãŒæ‰‹ã‚’入れるå¯èƒ½æ€§ãŒé«˜ã„。 ç¾åœ¨ã®ãƒ‰ã‚ュメントã ã‘ã§ãªã多種説明資料ã€åª’体ã«è»¢ç”¨ã™ã‚‹å¯èƒ½æ€§ãŒã‚る。 ...ã¨ã„ã†ç‚¹ã§å·®åˆ†ç®¡ç†ã‚’ã—ãŸã„ãªã‚‰ã€ä»¥ä¸‹ã€‚ VSCodeã§PlantUMLã€Mermaid 上記å‚考ã§ä»¥ä¸‹ã€‚ Alt+D ã§ãƒ—レビュー起動。 Ctrl + Shift + P ã§ã‚³ãƒžãƒ³ãƒ‰ãƒ‘レットを起動ã—ã€å‡ºåŠ›ã€‚ png, svg, eps, pdf
Object Playground: The Definitive Guide to Object-Oriented JavaScript
Get more pro JavaScript screencasts Visit Let’s Code: Test-Driven JavaScript and start watching today! Transcript (Spanish translation here.) If you hang around the JavaScript world long enough, you’ll come across a bunch of different recipes for object-oriented programming. The standard way, so much as there can be a standard way, is this. And this is the recipe for inheritance. That’s the standa
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://googlecloudcheatsheet.withgoogle.com/architecture
{{#tags}}- {{label}}
{{/tags}}