Samples Index | GoJS
Our samples demonstrate several Diagram types and showcase specific features and layouts. You can use the HTML and JavaScript in these samples as the starting point for your application. If you are done looking around and are ready to experiment with GoJS, read the getting started tutorial. We are happy to help prospective customers make their proof-of-concept. If you need help getting started, co
Draw.ioã§ä½œã£ãŸå›³ã‚’ã€Officeç³»ã¨ã‹Google Workspaceç³»ã§ç·¨é›†ã§ãる状態ã§ã‚¤ãƒ³ãƒãƒ¼ãƒˆã§ããªã„ã‹ãª
Draw.ioã§ä½œã£ãŸå›³ã‚’ã€Officeç³»ã¨ã‹Google Workspaceç³»ã§ç·¨é›†ã§ãる状態ã§ã‚¤ãƒ³ãƒãƒ¼ãƒˆã§ããªã„ã‹ãª æ¦‚è¦ UMLã¨ã‹ER図ã¨ã‹ã‚’æãã®ã«draw.ioを使ã„ãŸã„ã‘ã©ã€ãƒ„ールを使ã„ãŸãŒã‚‰ãªã„勢力ãŒã„ã‚‹ã®ã§officeã¨ã‹Google workspaceã§ç·¨é›†ã§ãる状態ã§ã‚¤ãƒ³ãƒãƒ¼ãƒˆã§ããªã„ã‹ã—ら。 Officeç³»ã§ã§ããŸã‚‰ã—ãæƒ…å ±ãŒã‚ã£ãŸãŒ Wordã§SVGインãƒãƒ¼ãƒˆã§ãる記事ãŒã‚ã£ãŸãŒã€ãªã‚“ã‹ç½«ç·šãŒæ¶ˆãˆã¡ã‚ƒã£ãŸã‚“ã よãªã‚。 上記ã®è¨˜äº‹ã‚ˆã‚Šå¤ã„æƒ…å ±ã ãŒã€Inkscapeã§emfã«ã™ã‚‹æ–¹æ³•ã€‚
draw.io (diagrams.net) ã®ç´°ã‹ã„テクニック - Qiita
ã¿ã‚“ãªå¤§å¥½ã draw.io (diagrams.net) ã®ç´°ã‹ã„テクニックã§ã™ã€‚ ã¡ãªã¿ã«ã€2020å¹´2月ã‚ãŸã‚Šã‹ã‚‰ã€ã‚»ã‚ュリティ上ã®ç†ç”±ã§ã‚µã‚¤ãƒˆã®ãƒ‰ãƒ¡ã‚¤ãƒ³ã‚’ diagrams.net ã«å称変更ã—始ã‚ã¦ã„ã‚‹ã®ã§ã€ã‚¢ã‚¯ã‚»ã‚¹å…ˆã¯ã“ã¡ã‚‰ã«å¤‰æ›´ã—ãŸã‚Šã—ã¾ã—ょã†ã€‚ éžåœ§ç¸®XMLå½¢å¼ã®ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆåŒ– ダイアグラムをファイルä¿å˜ã™ã‚‹ã¨ã€ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯åœ§ç¸®ã•ã‚ŒãŸXMLã«ãªã£ã¦ã„ã¾ã™ãŒã€ã“ã‚Œã ã¨å·®åˆ†ã®ç¢ºèªãƒ»ãƒãƒ¼ã‚¸ãƒ§ãƒ³ç®¡ç†ãŒã—ã¥ã‚‰ã„ã§ã™ã€‚ メニューã®ã€Œæ‹¡å¼µ (Extras)ã€->「圧縮 (Compressed)ã€ã®ãƒã‚§ãƒƒã‚¯ã‚’外ã™ã¨éžåœ§ç¸®å½¢å¼ã«ãªã‚‹ã®ã§ã€æ–°ã—ã„ファイルを作るãŸã³ã«ã“れを実行ã—ã¦ã‚‚良ã„ã®ã§ã™ãŒã€å¿˜ã‚Œãªã„よã†ã«éžåœ§ç¸®XMLå½¢å¼ã‚’デフォルトã«ã™ã‚‹ã¨è‰¯ã„ã§ã—ょã†ã€‚ メニュー㮠拡張 (Extras) -> Configuration ã§é–‹ãè¨å®šãƒ€ã‚¤ã‚¢ãƒã‚°ã«ä»¥ä¸‹ã‚’記載ã™ã‚‹ã¨ã€ã‚¢ãƒ—リã®å†èªã¿è¾¼ã¿ä»¥é™ã¯éž
ã€12/24ã«GitLab対応!】テã‚ストã§è‡ªåœ¨ã«ã€Œæãã€- Krokiã§ã¯ã˜ã‚ã‚‹Diagram as Code - Qiita
ã€12/24ã«GitLab対応!】テã‚ストã§è‡ªåœ¨ã«ã€Œæãã€- Krokiã§ã¯ã˜ã‚ã‚‹Diagram as CodeMarkdownGitLabasciidocVisualStudioCodekroki ã“ã‚Œã¯ã€ NTTコミュニケーションズ Advent Calendar 2020 25日目ã®è¨˜äº‹ã§ã™ã€‚ 昨日㯠@tnoyama ã•ã‚“ã®ã€ŒTEKTONã¨Argoを比較ã—ã¦ã¿ãŸã€ã§ã—ãŸã€‚ãŠæ¥½ã—ã¿ã„ãŸã ã‘ã¾ã—ãŸã‹ï¼Ÿ Krokiã¨ã¯ 本記事ã§ã¯ã€ãƒ†ã‚ストã‹ã‚‰ã®å›³è¡¨ç”Ÿæˆãƒ„ール Krokiを紹介ã—ã¾ã™ã€‚最新ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯0.9.0ã§ã™ã€‚ å…¬å¼docs: Kroki! GitHub: yuzutech/kroki: Creates diagrams from textual descriptions! æ¦‚è¦ Kroki!ã¯ã€ãƒ†ã‚ストã‹ã‚‰çµ±ä¸€çš„ãªAPIã§ã€ UML C4 データå¯è¦–化 ãã®ä»–図表 ã‚’ã€PNG,
AWS アーã‚テクãƒãƒ£ãƒ¼å›³ 構æˆå›³ã‚’自動生æˆã™ã‚‹ã‚½ãƒªãƒ¥ãƒ¼ã‚·ãƒ§ãƒ³ã‚’紹介ã—ã¾ã™ | DevelopersIO
ã“ã‚“ã«ã¡ã¯ã€‚ ã”æ©Ÿå«Œã„ã‹ãŒã§ã—ょã†ã‹ã€‚ "No human labor is no human error" ãŒå¤§å¥½ããªãƒã‚¯ã‚¹ãƒˆãƒ¢ãƒ¼ãƒ‰æ ªå¼ä¼šç¤¾ ã®å‰äº•ã§ã™ã€‚ 今回㯠AWS Perspective を紹介ã—ã¾ã™ã€‚ Developers.IO ã‚’èªã‚“ã§ãã ã•ã£ã¦ã„る方々ã¯ã‚·ã‚¹ãƒ†ãƒ 担当者(アプリもインフラも)ãŒå¤šã„ã¨æƒ³åƒã—ã¦ã„ã¾ã™ã€‚ ã¿ãªã•ã¾ã¯è©³ç´°åº¦ã€è§£åƒåº¦ã®é«˜ä½Žã¯ã‚ã‚Œã©ã‚¢ãƒ¼ã‚テクãƒãƒ£ãƒ¼å›³ã‚’作æˆã—ã¦ã„ã‚‹ã“ã¨ã¨æ€ã„ã¾ã™ã€‚ 個人的ãªæ„見ã§ã™ãŒã€ä½œæˆãƒ‰ã‚ュメントã®å¼±ç‚¹ã¯ â€æ›´æ–°ã•ã‚Œãªã„ã“ã¨ãŒã‚る†ã“ã¨ã«ã‚ã‚‹ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ 変更管ç†ã‚’ç´°ã‹ãè¡Œã£ã¦ã„ã‚‹ä¼æ¥ãªã‚‰ãã‚“ãªå¿ƒé…ã¯è¦ã‚‰ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å¤§æŠµã®å ´åˆã‚·ã‚¹ãƒ†ãƒ 稼åƒæ—¥æ•°ãŒå¢—ãˆã‚Œã°å¢—ãˆã‚‹ã»ã©ãƒ‰ã‚ュメントã¯ç½®ã„ã¦ã‘ã¼ã‚Šã«ãªã‚ŠãŒã¡ã§ã™ã€‚ ãã‚Œã¯ã‚ã‚‹æ„味ç†è§£ãŒã§ãã¦ãƒ‰ã‚ュメントã¯ç„¡ãã¦ã‚‚システムã¯å‹•ãã®ã§ã€ã‚·ã‚¹ãƒ†ãƒ 構æˆå¤‰æ›´æ™‚ã®ãƒ‰ã‚ュメント更新ã®å„ªå…ˆåº¦ãŒä¸‹
VSCodeãŒãƒ‰ãƒãƒ¼ãƒ„ールã«ãªã‚‹Draw.io IntegrationãŒã„ã„æ„Ÿã˜ï¼macOSã§ã®ãƒ¯ãƒ¼ã‚¯ã‚¢ãƒ©ã‚¦ãƒ³ãƒ‰ã‚’紹介
Draw.ioã¨ã„ã†ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã®ãƒ‰ãƒãƒ¼ãƒ„ールãŒIDEã®Visual Studio Code（VSCode）上ã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã£ãŸã¨ã„ã†å ±ã›ã‚’èžãåŠã³ã€ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ 具体的ã«ã¯Draw.io Integrationã¨ã„ã†ExtensionãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€ãれをインストールã™ã‚‹ã¨Draw.ioãŒVisual Studio Code（VSCode）上ã§ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ç†è€…ã¯å°‚らmacOSを使ã£ã¦ã„ã¾ã™ã®ã§ã€macOS用ã®Visual Studio Code（VSCode）ã«Draw.io Integrationをインストールã—ã¦ä½¿ã£ã¦ã¿ãŸã¨ã“ã‚ã€Draw.io Integrationã«é–¢é€£ã¥ã‘られる.drawioã€.dioã¨ã„ã£ãŸæ‹¡å¼µåã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’作æˆã—ã¦ã‚‚Draw.io IntegrationãŒèµ·å‹•ã—ã¦ã“ãªã„。 ã²ã‚‡ã£ã¨ã—ã¦æ©Ÿç¨®ä¾å˜ã®å•é¡Œã‹ã¨Windows版ã®Visual Stud
AWS 構æˆå›³ã‚’ PlantUML ã§æç”»ã§ãる『AWS-PlantUMLã€ã®ç´¹ä»‹ - サーãƒãƒ¼ãƒ¯ãƒ¼ã‚¯ã‚¹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒ–ãƒã‚°
技術4課ã®å¤šç”°ã§ã™. AWS 環境ã®æ§‹æˆå›³ã‚’書ã機会㧠PowerPoint ã‚„ Cacoo ç‰ã®ã‚µãƒ¼ãƒ“スを使ã†ã“ã¨ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™.作図もコードã§åˆ¶å¾¡ã™ã‚‹æ–¹æ³•ã‚‚ãªã„ã‹ã¨æ€ã„調ã¹ã¦ã¿ãŸã‚‰,「AWS-PlantUMLã€ã¨ã„ã†ãƒ„ールãŒã‚ã‚Šã¾ã—ãŸ.今回ã¯ã“ã®ãƒ„ールを使ã£ã¦ä½œå›³ã™ã‚‹æ–¹æ³•ã¨æ‰€æ„Ÿã‚’書ã„ã¦ã„ãã¾ã™. milo-minderbinder/AWS-PlantUML 「AWS-PlantUMLã€ã¨ã¯ 「AWS-PlantUMLã€ã¨ã¯,PlantUML å½¢å¼ã§ AWS 構æˆå›³ã‚’書ããŸã‚ã®ãƒ„ールã«ãªã‚Šã¾ã™.PlantUML ã®å®Ÿè¡Œç’°å¢ƒã¯èª¿ã¹ã‚Œã°ãŸãã•ã‚“出ã¦ãã¾ã™ãŒ,僕ã¯æ™®æ®µ Visual Studio Code(以下,vscode)を使ã†ãŸã‚ vscode ã§ä½¿ã†ç’°å¢ƒã‚’セットアップã—ã¾ã—ãŸ. å‚考URL PlantUML qjebbs/vscode-plantuml 「AWS-PlantUMLã€ã‚’
図を継続的ã«ç®¡ç†ã™ã‚‹ãŸã‚ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティス - WonderPlanet DEVELOPER BLOG
ã“ã‚“ã«ã¡ã¯ã€‚サーãƒã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ¡å³¶ã§ã™ã€‚ 今回ã¯ã€å›³ï¼ˆãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã€ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³ãªã©ï¼‰ã‚’ãƒãƒ¼ãƒ ã§ç¶™ç¶šçš„ã«ç®¡ç†ã™ã‚‹ãŸã‚ã®å€‹äººçš„ãªãƒ™ã‚¹ãƒˆãƒ—ラクティスを紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 図ã®æœ‰ç”¨æ€§ã¨ã€ç¶™ç¶šçš„ãªç®¡ç†ã®å¿…è¦æ€§ 図ã£ã¦ä¾¿åˆ©ã§ã™ã‚ˆã。 以下ã®æ§˜ãªå›³ãŒã‚ã‚‹ã¨ã€ãƒãƒ¼ãƒ 内ã§ã®èªè˜åˆã‚ã›ã‚’æ£ç¢ºã«ç´ æ—©ãè¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚ サーãƒæ§‹æˆå›³ アプリ-サーãƒé–“処ç†ã®ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³ APIプãƒã‚°ãƒ©ãƒ ã®è¤‡é›‘ãªãƒã‚¸ãƒƒã‚¯ã®ãƒ•ãƒãƒ¼å›³ ER図 ãŸã ã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ãƒ‰ã‚ュメントã«å«ã¾ã‚Œã‚‹å›³ãŒã™ã¹ã¦ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã•ã‚Œã€æœ€æ–°ã®ä»•æ§˜ã¨å›³ãŒãƒžãƒƒãƒã—続ã‘ã¦ã„るケースã¯å°‘ãªã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ 図ã¯æœ‰ç”¨ãªã®ã§ã™ãŒã€ç®¡ç†ã—続ã‘ãªã‘ã‚Œã°ãã®æœ‰ç”¨æ€§ã‚’失ã„ã€ã„ãšã‚Œå‰Šé™¤ã•ã‚Œã‚‹é‹å‘½ã«ã‚ã‚Šã¾ã™ã€‚ 図ã®ç¶™ç¶šçš„管ç†ã¸ã®èª²é¡Œ ã§ã¯ã€å›³ãŒç®¡ç†ã•ã‚Œãªã„åŽŸå› ã¯ä½•ã§ã—ょã†ã‹ã€‚ 具体的ãªã‚±ãƒ¼ã‚¹ã‚’å¹¾ã¤ã‹æŒ™ã’ã¦ã¿ã¾ã™ã€‚ å†ç·¨é›†ã§ããªã„フォーマットã§å›³ãŒä½œã‚‰ã‚Œã¦ã„ã‚‹ ホワ
drawio-desktop - Electron製。draw.ioå…¬å¼ã®ãƒ‰ãƒãƒ¼ãƒ„ール MOONGIFT
Electronã§Webサイトをラッピングã™ã‚‹ç³»çµ±ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯ã¨ã¦ã‚‚多ã„ã§ã™ã€‚é™å®šã•ã‚ŒãŸã‚»ã‚ュリティ範囲ã§ä½¿ãˆã‚‹ã®ã¯ä¾¿åˆ©ã§ã™ãŒã€çµå±€ã®ã¨ã“ã‚å˜ãªã‚‹ã‚¬ãƒ¯ã‚¢ãƒ—リã§ã—ã‹ãªã„ã¨ã„ã†å°è±¡ãŒã‚ã‚Šã¾ã™ã€‚ ãã‚“ãªä¸ã€drawio-desktopã¯é•ã„ã¾ã™ã€‚draw.ioãŒãã®ã¾ã¾ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリケーションã«ãªã£ãŸã‚ˆã†ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ drawio-desktopã®ä½¿ã„æ–¹ æ—¢å˜ã®å›³ã‚’é–‹ãã®ã‹ã€æ–°è¦ä½œæˆã™ã‚‹ã®ã‹é¸æŠžã—ã¾ã™ã€‚ æ–°è¦ä½œæˆã®å ´åˆã¯ãƒ†ãƒ³ãƒ—レートã‹ã‚‰é¸æŠžã—ã¾ã™ã€‚ 例ãˆã°ã“ã‚“ãªå›³ã‚’ベースã«ã§ããŸã‚Šã—ã¾ã™ã€‚ パーツã¯å¤šæ•°æä¾›ã•ã‚Œã¦ã„ã¾ã™ã€‚ パーツåŒå£«ã‚’ç·šã§çµã‚“ã ã‚Šã§ãã¾ã™ã€‚ UMLç³»ã®ãƒ‘ーツもã‚ã‚Šã¾ã™ã€‚ 回転ã—ãŸã‚Šã™ã‚‹ã®ã‚‚ç°¡å˜ã§ã™ã€‚ drawio-desktopã§ä½œã‚‰ã‚ŒãŸå›³ã¯ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã—ãŸã‚Šã€ç”»åƒã‚¿ã‚°ã§åŸ‹ã‚込んã ã‚Šã§ãã¾ã™ã€‚ãã®éš›ã«draw.ioãŒä½¿ã‚れるã®ã‹ã¨æ€ã„ãã‚„ã€dataURIã§å‡ºåŠ›ã•ã‚Œ
自律分散監視システムã¨ãれを利用ã—ãŸãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚°ãƒ©ãƒ•å¯è¦–化ã¸ã®æŒ‘戦 - Hatena Developer Blog
ã¯ã˜ã‚ã« ã¯ã¦ãªã‚µãƒžãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ³2017ã®å¤§è¦æ¨¡ã‚·ã‚¹ãƒ†ãƒ コースã®æˆæžœå ±å‘Šã‚’ã—ã¾ã™ã€‚ 今年ã®å¤§è¦æ¨¡ã‚·ã‚¹ãƒ†ãƒ コースã§ã¯ãƒ¡ãƒ³ã‚¿ãƒ¼ã®id:masayoshiã•ã‚“ã¨id:y_uukiã•ã‚“ã®ä¸‹ã€è‡ªå¾‹åˆ†æ•£ç›£è¦–システムã¨ãれを利用ã—ãŸãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚°ãƒ©ãƒ•ã®å¯è¦–化ã«å–り組ã¿ã¾ã—ãŸã€‚自律分散監視システムã§ã¯å˜ç´”ãªã‚¯ãƒ©ã‚¹ã‚¿ãƒªãƒ³ã‚°ã«ã‚ˆã‚‹æ»æ´»çŠ¶æ³ã®ç¢ºèªã ã‘ã§ã¯ãªãアプリケーションレベルã®ç–Žé€šç¢ºèªã‚’è¡Œãˆã‚‹ã‚‚ã®ã‚’実ç¾ã—ã¾ã—ãŸã€‚ã¾ãŸã©ã®ã‚ˆã†ã«ã—ã¦ã‚¯ãƒ©ã‚¹ã‚¿ã‚’å½¢æˆã™ã‚‹ã‹ã¨ã„ã†å•é¡Œã«å–り組む内ã«ã€ã‚µãƒ¼ãƒ“ス間ã®ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ä¸Šã®ã¤ãªãŒã‚Šã‚’å–å¾—ã§ãるよã†ã«ãªã‚Šã€ãã®æƒ…å ±ã§ã‚µãƒ¼ãƒãƒ¼é–“ã®é–¢ä¿‚性ã®å¯è¦–化を行ã„ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã§ã¯ã€ãれらã®è©³ç´°ã‚’説明ã—ã¾ã™ã€‚ ã¯ã˜ã‚㫠自律監視システムã®å®Ÿç¾ ä¸å¤®ã‚µãƒ¼ãƒãƒ¼åž‹ã®ç›£è¦–システム自律分散監視システムアプリケーションレベルã®ç›¸äº’監視 ã©ã†ã‚„ã£ã¦ã‚¯ãƒ©ã‚¹ã‚¿ã‚’å½¢æˆã™ã‚‹ã‹ï¼Ÿ 実験 ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚°ãƒ©ãƒ•ã®å¯è¦–化
Atom 㨠PlantUML ã§å¿«é©ã‚·ãƒ¼ã‚±ãƒ³ã‚¹å›³é§†å‹•é–‹ç™ºãƒ©ã‚¤ãƒ• | DevelopersIO
サーãƒãƒ¼ã‚µã‚¤ãƒ‰é–‹ç™ºæ‹…当ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒã€Œè¨è¨ˆã¨å®Ÿè£…を進ã‚よã†ã¨ã—ã¦ã„ã‚‹ã€ã¨ã„ã†èƒŒæ™¯ã§è©±ã‚’進ã‚ã¾ã™ã€‚ PlantUMLã¯å¼·ã„ 「èªè˜åˆã‚ã›ã€ã¨ã„ã†åç›®ã§ãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰ã«å›³ã‚’書ã„ã¦ä¼šè©±ã™ã‚‹ã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚共通言語ã§ä¼šè©±ã—ã¦ã‚ã„ã¾ã„ãªã¨ã“ã‚ã‚’å°‘ãªãã—ãŸã‚‰ã€ãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã‚‚安心感ãŒã‚ã‚Šã¾ã™ã—ã€ãƒ—ãƒã‚°ãƒ©ãƒžã‚‚自分ãŒã‚„ã‚‹ã¹ãã“ã¨ã«é›†ä¸ã§ãã¾ã™ã。 …3日経ã¡ã¾ã—ãŸã€‚ã‚ã®ã¨ãæã‹ã‚Œã¦ã„ãŸãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰ã®å›³ã®ã¨ãŠã‚Šã«ã€å®Ÿè£…ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚èªè˜ã®é½Ÿé½¬ã‚’ãªãã—ã¦ãã‚ŒãŸè²´é‡ãªå›³ã§ã™ã€‚写真ã«æ’®ã‚Šã¾ã—ãŸã€‚ã©ã“ã«ä¿å˜ã—ã¦ãŸã£ã‘。やã£ã±ã‚Šå¤‰æ›´ã—ãŸããªã£ãŸã‚‰ã©ã†ã—ã¾ã—ょã†ã€‚ã¾ãŸãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰ã«æ›¸ãèµ·ã“ã™ï¼ŸDRYã˜ã‚ƒãªã„ã§ã™ããˆã€‚ ãã“ã§ã€UML図 ãŒç™»å ´ã—ã¾ã™ã€‚表ç¾ã—ãŸã„図を電åデータã§ä½œæˆã€ä¿å˜ã§ãã¦ã€ã‚ã¨ã§è¦‹ã‚‹ã¨ãã‚‚å½¹ã«ç«‹ã¡ã¾ã™ã。ãŒã€ã—ã‹ã—ã€UML図ã¯ãã‚Œã¯ãã‚Œã§ã‚„や手間ãŒã‹ã‹ã‚‹ã¨ã“ã‚ã‚‚ã‚ã‚Šã¾ã™ã€‚作図を助ã‘ã¦ã
Markdown風テã‚ストã§ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ãŒæã‘ã‚‹Webツール - Qiita
MarkDownDiagram Markdown風ã®ãƒ†ã‚ストã§ã€ER図やブãƒãƒƒã‚¯ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ã®ã‚ˆã†ãªãƒãƒ£ãƒ¼ãƒˆã‚’æã‘るツールã§ã™ã€‚ ã“ã¡ã‚‰ã«ã‚¤ãƒ³ã‚¹ãƒ‘イアã•ã‚Œã¦ã€ã‚‚ã†ã¡ã‚‡ã£ã¨æ±Žç”¨çš„ã«ãƒ€ã‚¤ã‚¢ã‚°ãƒ©ãƒ ã‚’æã‘るツールを作りã¾ã—ãŸã€‚ ã‚‚ã†ä¿å®ˆã•ã‚Œãªã„ç”»é¢é·ç§»å›³ã¯å«Œãªã®ã§ã€UI Flow図を簡å˜ã«ãƒžãƒ¼ã‚¯ãƒ€ã‚¦ãƒ³ã½ã書ãエディタ作ã£ãŸ 特徴ã¨ã—ã¦ã¯ Webブラウザã®ã¿ã§ãƒãƒ¼ã‚«ãƒ«ã§å‹•ä½œ é…ç½®ã¯ãƒžã‚¦ã‚¹ã§ãƒ‰ãƒ©ãƒƒã‚°ã—ã¦ç·¨é›†ã§ãã‚‹ CSSã§è‰²ã‚„装飾を制御å¯èƒ½ ã¨ã„ã£ãŸã‚ãŸã‚Šã§ã™ã€‚ githubã‹ã‚‰clone/ダウンãƒãƒ¼ãƒ‰ã—ã¦ä½¿ãˆã¾ã™ã€‚ オンラインã§è©¦ã™ã®ã¯ã“ã¡ã‚‰ã§ã©ã†ãžã€‚ ãƒãƒ¼ã‚«ãƒ«ã§ãƒ–ラウザã®ã¿ã§å‹•ä½œã—ã¾ã™ã€‚index.htmlをブラウザã§é–‹ã„ã¦ãã ã•ã„。 Chrome推奨ã§ã™ãŒã€Safari,Firefoxã§ã‚‚動作ã—ã¾ã™ã€‚タッãƒIFã¯æœªå¯¾å¿œã€‚ 機能 テã‚ストã§ãƒ–ãƒãƒƒã‚¯ã‚’記述ã—ã€ãƒ–ãƒãƒƒã‚¯é–“ã‚’ç·šã§ç¹‹ãæç”» ブãƒãƒƒã‚¯ã‚’マウ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Embed Diagrams
{{#tags}}- {{label}}
{{/tags}}