MermaidMermaidDiagramming and charting toolJavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically.
Mermaid Graphical Editorを使ã†ã¨VSCodeã§ã‚µã‚¯ã‚µã‚¯å›³ãŒæ›¸ã‘るよ
技術記事㯠個人ブãƒã‚° ã¸ãŠå¼•è¶Šã—ã—ã¾ã—ãŸã€‚ 興味をæŒã£ã¦ãã ã•ã£ãŸæ–¹ã¯Zennã§ã¯ãªãã“ã¡ã‚‰ã‚’ã”è³¼èªã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ðŸ™ Mermaid Graphical Editor VSCodeã®æ‹¡å¼µæ©Ÿèƒ½ã§ã™ã€‚ Mermaid記法を利用ã—ã¦ãƒžãƒ¼ã‚¯ãƒ€ã‚¦ãƒ³å†…部ã§ä½œå›³ã—ãªãŒã‚‰ã€Mermaidãれ自体ã®ã‚¨ãƒ‡ã‚£ã‚¿ã‚’ç«‹ã¡ä¸Šã’ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ 逆ã«Mermaid Editorå´ã§ç·¨é›†ã—ãŸå†…容もマークダウンã«ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã•ã‚Œã¾ã™ã€‚ vs Draw.io Integration 類似ツールã¨ã—ã¦Draw.io IntegrationãŒã‚ã‚Šã¾ã™ã€‚ ã“ã¡ã‚‰ã¯.drawioæ‹¡å¼µåã®ãƒ•ã‚¡ã‚¤ãƒ«ã‚’VSCodeã§ä½œæˆã™ã‚‹ã¨ã€draw.ioã®ã‚¨ãƒ‡ã‚£ã‚¿ãŒé–‹ã„ã¦ä½œå›³ãŒã§ãるツールã§ã™ã€‚ ã—ã‹ã—ã€draw.ioã¯ã‚ãã¾ã§å›³ãŒæ›¸ã‘ã‚‹ã¨ã“ã‚を生æ¥ã¨ã—ã¦ã„ã¦ã€ä½œæˆã—ãŸdraw.ioファイルをマークダウンファイルã«åŸ‹ã‚込むã«ã¯ç”»åƒã¨ã—
jott - telnet_draw
# Collaborative ASCII Drawing With Telnet *by [@bwasti](https://twitter.com/bwasti)* **** If the server isn't swamped, you can try it out (hold shift to erase, arrow keys to move): ``` telnet bram.town ``` If you're on a newer mac, you may need to `brew install telnet`. It doesn't come by default these days...  The full code listing can be found [here](https://g
C言語をマスターã—ãŸã„人ã¯GCCã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³14を使ã„ã¾ã—ょㆠ- pyopyopyo - Linuxã¨ã‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®è¦šãˆæ›¸ã -
C言語（C++ã‚’å«ã‚€ï¼‰ã‚’ç¿’å¾—ã—ãŸã„人，ãƒã‚¤ãƒ³ã‚¿ã‚’勉強ã—ãŸã„人ã¯gcc-14を使ã„ã¾ã—ょã†ï¼Žé›£ã—ã„ã¨ã“ã‚㯠gcc-14 ãŒä¸å¯§ã«è§£èª¬ã—ã¦ãã‚Œã¾ã™ C言語ã®é›£ã—ã„ã¨ã“゠例を示ã—ã¾ã™ï¼ŽC言語ã§è¨˜è¿°ã•ã‚ŒãŸï¼ŒãŸã£ãŸï¼–è¡Œã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã§ã™ int main() { int buf[10]; buf[10] = 0; return 0; } ã“ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã«ã¯å•é¡ŒãŒã‚ã‚Šã¾ã™ï¼Žåˆè¦‹ã§ã‚ã‹ã‚‹ã§ã—ょã†ã‹ï¼Ÿ : : : å•é¡ŒãŒã‚ã‚‹ã®ã¯ buf[10]=0 ã®éƒ¨åˆ†ã§ã™ï¼ŽC言語ã§ã‚„ã‚ŠãŒã¡ãªãƒŸã‚¹ã§ã™ãŒï¼Œã“ã‚ŒãŒãƒã‚°ã‚„ã‚»ã‚ュリティホールã®åŽŸå› ã«ãªã‚Šã¾ã™ï¼Ž C言語ãŒé›£ã—ã„ç†ç”±ã¯äºŒã¤ã‚ã‚Šã¾ã™ï¼Žã“ã®æ‰‹ã®å•é¡Œã‚’見逃ã—ã‚„ã™ã„点ã¨ï¼Œã“ã®æ‰‹ã®å•é¡Œã‚’ç†è§£ã™ã‚‹ã“ã¨ãŒé›£ã—ã„点ã®äºŒã¤ã§ã™ gcc 14 ã«è§£èª¬ã—ã¦ã‚‚らã„ã¾ã—ょㆠ上記ã®ï¼–è¡Œã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’gcc14を使ã£ã¦ã‚³ãƒ³ãƒ‘イルã—ã¦ã¿ã¾ã™ ソースコードã®ãƒ•ã‚¡ã‚¤ãƒ«å㯠test.c ã¨
GitHubã§Mermaid構文ã®è¡¨ç¤ºæ©Ÿèƒ½ãŒå¼·åŒ–ã•ã‚Œã¦ã„ã¾ã—㟠| DevelopersIO
ã“ã‚“ã«ã¡ã¯ã€CX事æ¥æœ¬éƒ¨ Delivery部ã®è‹¥æ§»ã§ã™ã€‚ 今回ã¯ã€GitHubã§Mermaid構文ã®è¡¨ç¤ºæ©Ÿèƒ½ãŒå¼·åŒ–ã•ã‚Œã¦ã„ãŸã®ã§å…±æœ‰ã—ã¾ã™ã€‚ Mermaidã¨ã¯ Mermaidã¨ã¯ã€Markdown構文ã®æ‹¡å¼µãƒ„ールã§ã€æ§˜ã€…ãªã‚¿ã‚¤ãƒ—ã®å›³ï¼ˆDiagram）をコードやテã‚ストã§è¨˜è¿°ã—ã€è¦–覚的ã«è¡¨ç¤ºã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Mermaid構文を利用ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€æ¬¡ã®ã‚ˆã†ãªå›³ã‚’Markdownã§è¨˜è¿°ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ Flowchart Sequence Diagram Gantt Chart Class Diagram State Diagram Pie Chart Git Graph å…¬å¼ã‚µã‚¤ãƒˆã‚ˆã‚Šå¼•ç”¨ GitHubã§ã®Mermaid構文ã®è¡¨ç¤ºæ©Ÿèƒ½ãŒå¼·åŒ–ã•ã‚Œã¦ã„㟠GitHubã§ã¯Mermaid構文をサãƒãƒ¼ãƒˆã—ã¦ãŠã‚Šã€Markdownファイルã«Mermaid構文を記述ã™ã‚‹ã“ã¨ã§ã€å›³ã‚’表示ã™ã‚‹ã“ã¨
UMLã¨ã‹AWS構æˆå›³ã¨ã‹ã‚’æãツール
UMLã¨ã‹æ§‹æˆå›³ã¨ã‹ã®å›³ã‚’æãã®ä½•ã®ãƒ„ールを使ãˆã°ã„ã„ã‹è¿·ã„ã¾ã›ã‚“ã‹ï¼Ÿç§ã¯è¿·ã„ã¾ã™ã€‚ ã§ã™ã®ã§ã€æœ€è¿‘使ã£ã¦ã„るツールを紹介ã—ã¾ã™ã€‚ 世ã®ä¸ã«ãƒ„ールãŒã‚¤ãƒã‚¤ãƒã‚ã‚‹ã®ã¯ç†è§£ã—ãŸä¸Šã§ã€å¤§é‡ã«ç´¹ä»‹ã™ã‚‹ã¨ã‚„ã£ã±ã‚Šè¿·ã†ã®ã§ã€ä¼¼ãŸã‚ˆã†ãªãƒ„ールや個人的ã«ä½¿ã‚ãªã„ツールã¯ãƒãƒƒã‚µãƒªçœã„ã¦ã„ã¾ã™ã€‚ パワãƒã§æã ã¾ãšã¯PowerPointã§ã™ã€‚ エンジニアや技術系ã®æ–¹ã¯ã€Œãƒ‘ワãƒã§å›³ã‚’æãã®ã¯ã¡ã‚‡ã£ã¨ã€ã€ã€ã€ã¨æ€ã‚れるã‹ã‚‚知れã¾ã›ã‚“ãŒã€çŠ¶æ³ã«ã‚ˆã£ã¦ã‚ã‚Šã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ パワãƒã®ãƒ¡ãƒªãƒƒãƒˆ パワãƒã¯ã€ãƒ“ジãƒã‚¹ãƒ¦ãƒ¼ã‚¶ãƒ¼ãªã‚‰ã»ã¼èª°ã§ã‚‚使ãˆã‚‹ システムを作る時ã«ã€ãŠå®¢ã•ã‚“å´ã‚‚å«ã‚ãŸé–¢ã‚るメンãƒãƒ¼å…¨å“¡ãŒITã«è©³ã—ã„ã¨ã¯é™ã‚Šã¾ã›ã‚“。ã—ã‹ã—ãã†ã„ã†äººã«ã‚‚システムã«å¯¾ã™ã‚‹ç†è§£ã¯æœ€ä½Žé™ã—ã¦ã„ãŸã ãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚システム構æˆå›³ã¨ã‹ç‰¹ã«èˆˆå‘³ãŒãªã„人ã«èª¬æ˜Žã™ã‚‹ã¨ãã«ã€Œæ–°ã—ã„ツールをã„ã‚Œã¦ãã ã•ã„ã€ã¨ã„ã†ã®ã¯ãƒãƒ¼ãƒ‰ãƒ«ãŒé«˜ã„ã§ã™ã€‚ パワãƒ
Olog - Wikipedia
The term "olog" is short for "ontology log". "Ontology" derives from onto-, from the Greek ὤν, ὄντος "being; that which is", present participle of the verb εἰμί "be", and -λογία, -logia: science, study, theory. An olog for a given domain is a category whose objects are boxes labeled with phrases (more specifically, singular indefinite noun phrases) relevant to the domain, and whose morphisms are d
AWSãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯æ§‹æˆå›³ã®æ‰‹å‹•æ›´æ–°ãŒè¾›ã„？よã‚ã—ã„ã€ãªã‚‰ã°CloudMapperã
æ ªå¼ä¼šç¤¾ãƒ“ズリーãƒã§ã€SREエンジニアã¨ã—ã¦å‹¤å‹™ã—ã¦ã„ã‚‹massã§ã™ã€‚2017å¹´4月ã«å…¥ç¤¾ã—ã¦ã‹ã‚‰ã€HRMOSã¨ã„ã†ã‚µãƒ¼ãƒ“スã®AWSã®ã‚¤ãƒ³ãƒ•ãƒ©ã‚’管ç†ã—ãŸã‚Šã€ã‚¢ãƒ¼ã‚テクãƒãƒ£ã®è¨è¨ˆãƒ»æ§‹ç¯‰ã‚’ã—ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ 今回ã¯ã€å…¥ç¤¾ã—ã¦ã‹ã‚‰åŠå¹´çµŒã£ãŸã‚‰ã„ã¤ã®ã¾ã«ã‹ã‚µãƒ¼ãƒ“スã®ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ç®¡ç†è€…ã«ãªã£ã¦ã„ã¦ã€ãã“ã§ç™ºç”Ÿã—ãŸå•é¡Œã¨ã€ãれを解決ã™ã‚‹ã®ã«éžå¸¸ã«å½¹ç«‹ã£ãŸCloudMapperã¨ã„ã†OSSを紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 発生ã—ãŸå•é¡Œ ç§ãŒãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ç®¡ç†è€…を引ã継ã„ã 段階ã§ã¯ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯æ§‹æˆå›³ãŒä½œæˆã•ã‚Œã¦ãŠã‚‰ãšã€ä»¥ä¸‹ã®å•é¡ŒãŒç™ºç”Ÿã—ã¦ã„ã¾ã—ãŸã€‚ ãƒãƒ¼ãƒ‰ãƒãƒ©ãƒ³ã‚µãƒ¼ã‚’æ¢ã‚られãªã„ 用途ä¸æ˜Žã®ãƒãƒ¼ãƒ‰ãƒãƒ©ãƒ³ã‚µãƒ¼ãŒå˜åœ¨ã—ãŸãŸã‚ã€åœæ¢ã‚’検討ã—ãŸã€‚ ã—ã‹ã—ã€ã©ã®ãƒªã‚½ãƒ¼ã‚¹ã‹ã‚‰åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ã‹è¦‹ãˆãšã€ä¸ç”¨æ„ã«åœæ¢ã§ããªã‹ã£ãŸã€‚ 用途ä¸æ˜ŽãªEC2インスタンスã®èª¿æŸ»ãŒã§ããªã„ AWSã‹ã‚‰ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹é€šçŸ¥ãŒæ¥ãŸå¯¾è±¡ãŒç”¨é€”ä¸æ˜ŽãªEC2
Googleã€ç¾å®Ÿç©ºé–“上ã«ç™½ã„線を立体的ã«æã‘ã‚‹ARCoreå‘ã‘ARアプリ「Just a Lineã€ãƒªãƒªãƒ¼ã‚¹
Googleã€ç¾å®Ÿç©ºé–“上ã«ç™½ã„線を立体的ã«æã‘ã‚‹ARCoreå‘ã‘ARアプリ「Just a Lineã€ãƒªãƒªãƒ¼ã‚¹ 2018-03-21 Googleã¯ã€ARを使用ã—ã¦ç¾å®Ÿç©ºé–“上ã«ç™½ã„線を立体的ã«æã‘ã‚‹ARCoreå‘ã‘実験的アプリ「Just a Lineã€ã‚’リリースã—ã¾ã—ãŸã€‚ 本アプリã¯ã€ç¾å®Ÿç©ºé–“ã«ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ã‚¿ãƒƒãƒã—ãªãŒã‚‰ç™½ã„ç·šã‚’æã‘るシンプルãªARアプリã§ã™ã€‚æã„ãŸçµµã‚’撮影ã™ã‚‹ã“ã¨ã‚„ã€æ’®å½±ã—ãªãŒã‚‰æãã“ã¨ã‚‚å¯èƒ½ã§ã€éŸ³å£°ã‚‚録音ã•ã‚Œã¾ã™ã€‚ ARCore対応ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãŒå¿…è¦ãªãŸã‚ã€ARCoreをサãƒãƒ¼ãƒˆã™ã‚‹Android端末ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚
Rough.js
Create graphics with a hand-drawn, sketchy, appearance Rough.js is a small (<9kB gzipped) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. Rough.js works with both Canvas and SVG. Install Install from npm: npm install --save roughjs And use it in
Globularã®ä½¿ã„æ–¹ (1) - 檜山æ£å¹¸ã®ã‚マイラ飼育記 (ã¯ã¦ãªBlog)
証明支æ´ç³»Globularを使ã£ã¦ã„る人ã£ã¦ã„ã‚‹ã®ã‹ãªï¼Ÿ ã¾ãƒ¼ã€ã„ã¦ã‚‚å°‘æ•°ã§ã—ょã†ã。僕ã¯ãŸã¾ã«ä½¿ã„ã¾ã™ã€‚ã—ã°ã‚‰ã使ã‚ãªã„ã§ã„ã‚‹ã¨ä½¿ã„方を忘れã¾ã™ã€‚å°‘ãªãã¨ã‚‚一人ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ï¼ˆï¼åƒ•ãƒ»æªœå±±ï¼‰ã«ã¨ã£ã¦ã¯æ„味ãŒã‚ã‚‹ã®ã§ã€ã€ŒGlobularã®ä½¿ã„æ–¹ã€ã‚’記録ã—ã¦ãŠãã¾ã™ã€‚ 何回ã‹ã«åˆ†ã‘ã¾ã™ãŒã€æ°—ãŒå‘ã„ãŸã‚‰æ›¸ãã¤ã‚‚ã‚Šãªã®ã§å…¨ä½“ã§ä½•å›žã«ãªã‚‹ã‹åˆ†ã‹ã‚Šã¾ã›ã‚“。何をã©ã“ã¾ã§æ›¸ãã‹ã®è¨ˆç”»ã‚‚ã‚ã‚Šã¾ã›ã‚“。 内容： ã¯ã˜ã‚ã« å‚考URL ワークスペースã®ç®¡ç†ãªã© ç”»é¢æ§‹æˆ å·¦å´ãŒã‚»ãƒ«ãƒ‘レット ä¸å¤®ãŒãƒ“ューペイン ビューコントãƒãƒ¼ãƒ«ã¨ãƒ“ãƒ¥ãƒ¼ã‚¤ãƒ³ã‚°æ–¹å¼ ã‚·ãƒªãƒ¼ã‚ºç›®æ¬¡ Globularã®ä½¿ã„æ–¹ (1) Globularã®ä½¿ã„æ–¹ (2)： サンプル・ワークスペース Globularã®ä½¿ã„æ–¹ (3)： 定ç†ã¨è¨¼æ˜Ž ã¯ã˜ã‚ã« Globularã¯ã€æ©Ÿèƒ½çš„ã«ã¯â€œã‚る種ã®â€ãŠçµµæãソフトã§ã™ã€‚普通ã®ãŠçµµæãソフトã¨é•ã†ã®ã¯ã€n次元（n
Installation — HoloViews v1.22.1
Stop plotting your data - annotate your data and let it visualize itself. HoloViews is an open-source Python library designed to make data analysis and visualization seamless and simple. With HoloViews, you can usually express what you want to do in very few lines of code, letting you focus on what you are trying to explore and convey, not on the process of plotting. For examples, check out the th
作図系ツール・ライブラリã¾ã¨ã‚
diag.md シーケンス図ã¨ã‹ãƒ•ãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’ã—ã”ã¨ã§æç”»ã™ã‚‹ã“ã¨ã«ãªã£ãŸå ´åˆã€ テã‚ストã‹ã‚‰ç”Ÿæˆã§ããŸã‚‰æ¥½ãªã®ã§ã€ãれ系ã®ãƒ„ールã¾ã¨ã‚ GraphViz http://www.graphviz.org/ C製 Doxygen, Moinmoinãªã©ã¨é€£æºå¯èƒ½ ブãƒãƒƒã‚¯å›³ã€ã‚¯ãƒ©ã‚¹å›³ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯å›³ãªã© PNG, SVGãªã© 出力å¯èƒ½å½¢å¼ä¸€è¦§ JavaScript（Emscripten）版もã‚る。リアルタイムプレビュー出æ¥ã¦ä¾¿åˆ© https://github.com/mdaines/viz.js PlantUML Java製 シーケンス図, ユースケース図, クラス図, アクティビティ図, コンãƒãƒ¼ãƒãƒ³ãƒˆå›³, ステート図, デプãƒã‚¤å›³, オブジェクト図ãªã©ã‚ã£ã¡ã‚ƒãŸãã•ã‚“作れる PNG, SVG, LaTeX, ASCII出力 ãªã‚“ã¨ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ も作れる。アイコンã¨ã‹ã‚‚入れられる。 オ
Get Calligra | Calligra Suite
Calligra Suite is distributed as source code, but various other projects deliver binary packages. The Calligra project, being part of the KDE community, is dedicated to producing Free Software. Therefore you can download and install the Calligra Suite free of charge. The Calligra project only provides source code that can be build, but the suite can be installed on various operating systems using
VisuAlgo - ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã¨ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã‚’å¯è¦–化ã™ã‚‹
VisuAlgo.net/en visualising data structures and algorithms through animation VisuAlgo is a trilingual site. Try visiting the other versions of VisuAlgo other than the default English version, e.g., Chinese or Indonesian. Users can see the translation statistics for these three pages. We aim to make all three has near 100% translation rate. Unfortunately the translation progress with other language
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - ggerganov/dot-to-ascii: Graphviz to ASCII converter using Graph::Easy
GitHub - misohena/el-easydraw: Embedded drawing tool for Emacs
GitHub - hediet/vscode-drawio: This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code.
SIP33 - Slot88 - Situs Judi Slot Online Gacor Gampang Pecah Selayar Terpercaya Maxwin
MyOpenLab © Software - Programación Gráfica basada en Java ®
{{#tags}}- {{label}}
{{/tags}}