Obsidianã§mermaidã‚’SVGã«å¤‰æ›ã™ã‚‹ - Jazzã¨èªæ›¸ã®æ—¥ã€…
ã‚„ã¯ã‚Šæ›¸ã„ã¦ã¿ã‚‹ã‚‚ã®ã ãªã‚。 Mermaid ã•ã£ã「Obsidianã§ã¯ã©ã†ã™ã‚‹ã®ã ã‚ã†ã€ã¨æ›¸ã„ãŸã‚‰ã€å°‘ã—ã—ã¦é–ƒãã¾ã—ãŸã€‚ ç„¡æ„è˜ã‚³ãƒ³ãƒ”ュータãŒè¨ˆç®—ã—ã¦ãã‚ŒãŸã¿ãŸã„。 便利ã«ã§ãã¦ã„る。 mm2svg.md 下記ã®Templaterスクリプトã«ãªã‚Šã¾ã™ã€‚ <%* mermaid.initialize({startOnLoad: true}) const s = await mermaid.render('id01', tp.file.content) new Notice("convert SVG to clipboard") navigator.clipboard.writeText(s) %> 書ã„ã¦ã—ã¾ãˆã°ç°¡å˜ã€‚ 使ã„æ–¹ mermaidã®ä¸èº«ã ã‘テã‚ストã«æ›¸ãmm2svgを実行。 クリップボードã«SVGファイルãŒä¿å˜ã•ã‚Œã¾ã™ã€‚ Excalidrawã«è²¼ã‚Šã¤ã‘ã‚Œã°å®Œæˆã€‚ ç„¡æ„è˜ã‚³ãƒ³ãƒ”
マーメイド分æžã§æ€è€ƒåœ°å›³ã‚’考ãˆã¦ã¿ãŸ - Jazzã¨èªæ›¸ã®æ—¥ã€…
Backlink | Photo by Jan Huber on Unsplash mermaidã¨ã„ã†ã‚°ãƒ©ãƒ•ã‚’作るコマンドãŒã‚ã‚Šã¾ã™ã€‚ Obsidianã§ã‚‚使ãˆã‚‹ã€‚ フãƒãƒ¼ãƒãƒ£ãƒ¼ãƒˆã‚’æãã“ã¨ãŒã§ãã¾ã™ã€‚ mermaid å‰ã€…ã‹ã‚‰ã“れを発想法ã«åˆ©ç”¨ã§ããªã„ã‹ã¨è€ƒãˆã¦ã„ã¾ã™ã€‚ æ°—ã«ãªã‚‹ã‚ーワードを並ã¹ã€ã©ã†ã„ã†é–¢ä¿‚ã«ã‚ã‚‹ã‹ã‚’図å¼åŒ–ã™ã‚‹ã€‚ 手作æ¥ã‚ˆã‚Šã‚‚機械的ã§ã€è¦‹è½ã¨ã—ã«æ°—ã¥ãã‚„ã™ã„ã‹ã‚‚ã—ã‚Œãªã„。 éš ã‚ŒãŸæ§‹é€ ãŒæµ®ã彫りã«ãªã‚‹ã‹ã‚‚ã—ã‚Œãªã„。 書ãã“㨠試ã—ã«ä½•ã‹å›³å¼åŒ–ã—ã¦ã¿ã¾ã—ょã†ã€‚ ãŸã¨ãˆã°ã€Œæ›¸ãã“ã¨ã€ã‚’テーマã«ã—ã¦ã¿ã¾ã™ã€‚ ã™ã‚‹ã¨æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ graph 書ãã“㨠--- 考ãˆã‚‹ 考ãˆã‚‹ --- ã“ã“ã‚ ã“ã“ã‚ --- 自分 ã“ã“ã‚ --- æ„è˜ æ›¸ãã“㨠--- ã“ã¨ã° --- 自分 自分 --- ã‹ã‚‰ã 自分 === èªè€… ã“ã“ã‚ --- ã“ã¨ã° æ„è˜ <--> ã‹ã‚‰ã 書ãã“ã¨
角æ›ã‚Šã¯çµ‚ã‚ã£ãŸã®ã‹ã«ã¤ã„ã¦1万文å—程度㧠| ã‚„ãã†ã‚‰çŽ‹ å…¬å¼ã‚µã‚¤ãƒˆ
先月ã®ã‚´ãƒ¼ãƒ«ãƒ‡ãƒ³ã‚¦ã‚£ãƒ¼ã‚¯ã«è¡Œã‚ã‚ŒãŸç¬¬33回世界コンピュータ将棋é¸æ‰‹æ¨©(WCSC33)ã§å¼Šã‚„ãã†ã‚‰çŽ‹ãƒãƒ¼ãƒ ãŒæº–優å‹ã—ãŸã‚ã¨(ã“ã®æº–優å‹ã¯æœ¬å½“ã«æº–優å‹ã§ã‚ã£ã¦ã€ãƒ“ールã«ãŠã¤ã¾ã¿ã§ä¹¾æ¯ã™ã‚‹ã¨ã„ã†æ„味ã§ã¯ãªã„)ã€è§’æ›ã‚Šã¨ã„ã†æˆ¦åž‹ã«ã¤ã„ã¦ä»¥ä¸‹ã®ãƒ„イートをã—ãŸã€‚ 角交æ›ã¨è¨€ã†æˆ¦åž‹ãŒçµ‚ã‚ã£ãŸã€‚ 1886å±€é¢ã®æŒ‡ã—手を覚ãˆã‚‹ã ã‘ã§å…ˆæ‰‹å´ã¯å…¬é–‹ã•ã‚Œã¦ã‚‹æ°´åŒ （探索局é¢æ•°ã¯1å„„ã¾ã§ã®ä»»æ„）ã«å¯¾ã—ã¦è©•ä¾¡å€¤+300ã«å‡ºæ¥ã‚‹ã“ã¨ãŒè¨¼æ˜Žã•ã‚ŒãŸã€‚ 大会ã§ä¸Šä½ã®ã‚½ãƒ•ãƒˆã¯+300ã‹ã‚‰é€†è»¢ã¯97%ãらã„ã‚ã‚Šãˆãªã„ã®ã§ï¼ˆæ‰‹æ•°ã§å¼•åˆ†ã¯ã‚る）ã¤ã¾ã‚Šã¯å°†æ£‹AIã®ä¸–ç•Œã§ã¯è§’交æ›ã®å¾Œæ‰‹ã¯å¿…敗。 — ã‚„ãã†ã‚‰çŽ‹ (@yaneuraou) May 8, 2023 ã“ã®å‰è€…ã®ãƒ„イートã«ã¯ã‚¤ãƒ³ãƒ—レッションãŒ172万もã‚ã‚Šã€Yahooニュースやæœæ—¥æ–°èžãƒ‡ã‚¸ã‚¿ãƒ«ãªã©å¤šãã®ãƒ¡ãƒ‡ã‚£ã‚¢ã§å–り上ã’られãŸã€‚ AIã§è§’æ›ã‚ã‚ŠãŒçµ‚ã‚ã£ãŸï¼Ÿã€€è—¤äº•è¡å¤ªç«œçŽ‹ã€Œã“ã¡ã‚‰ã®ç«‹
窓辺ã®å°çŸ³(110) Scalable Vektor Analysis
SVG（Scalable Vector Graphics）ã¯ã€W3Cã§å®šç¾©ã—ãŸ2次元グラフィックス形å¼ã§ã€ä¸èº«ã¯XMLã«ãªã£ã¦ã„る。今回ã¯ã€PowerShell Ver. 7.3.3を使ã£ã¦ã€SVGファイルを処ç†ã—ã¦ã¿ã‚‹ï¼ˆWindows PowerShell Ver.5.1ã§ã¯ã‚¨ãƒ©ãƒ¼ã«ãªã‚‹ï¼‰ã€‚ ä¸èº«ã‚’見るã ã‘ãªã‚‰ã€å¤‰æ•°ã«èªã¿è¾¼ã‚“ã§é€šå¸¸ã®ã‚ªãƒ–ジェクトã®ã‚ˆã†ã«æ‰±ãˆã°ã‚ˆã„。ã„ã¾ã€ã‚«ãƒ¬ãƒ³ãƒˆãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã«â€œMySVG.svgâ€ãŒã‚ã‚‹ã¨ãã€ã€Œ$svg0=[xml](Get-Content .\MySVG.svg)ã€ã§å¤‰æ•°$svg0ã«èªã¿è¾¼ã‚€ã“ã¨ãŒã§ãる（写真01）。 写真01: SVGファイルをXMLã«ã‚ャストã—ã¦èªã¿è¾¼ã‚ã°ã€ç°¡å˜ã«å†…容ã«ã‚¢ã‚¯ã‚»ã‚¹ãŒå¯èƒ½ã«ãªã‚‹ èªã¿è¾¼ã¾ã‚ŒãŸSVGã¯ã€.NETã®ã‚ªãƒ–ジェクトã§ã‚る“System.Xml.XmlDocumentâ€ã«ãªã£ã¦ã„る。ã—ã‹ã—ã€PowerShellã‹ã‚‰
窓辺ã®å°çŸ³(109) mermaid作戦
文書ã«å›³ã‚’入れるã¨å†…容ãŒæŠŠæ¡ã—ã‚„ã™ããªã‚‹ã“ã¨ãŒã‚る。ã“ã†ã—ãŸå ´åˆã€å›³ã¯ã€æ–‡æ›¸ã§è§£èª¬ã—ãŸã‚‚ã®ã¨ç‰ä¾¡ãªã‚‚ã®ã«ãªã‚‹ã€‚ã“ã®ãŸã‚ã€å›³ã‚’書ã‘ã°ã€æ–‡ç« ãŒæ›¸ãã‚„ã™ããªã‚‹ã—ã€é€†ã«æ–‡ç« ã§è¡¨ç¾ã§ããŸãªã‚‰å›³ã‚‚書ãã‚„ã™ã„。ç†è§£ã—ãŸã“ã¨ã‚’図ã«ã—ã¦ç¢ºèªã™ã‚‹ã“ã¨ã§ã€ç†è§£ã®ä¸è¶³ã‚’確èªã§ãる。図ã«ã—ãŸã¨ãã«æã‹ã‚ŒãŸè¦ç´ åŒå£«ã®é–¢ä¿‚ã‚„ä½ç½®ã¥ã‘ãŒã¯ã£ãã‚Šã—ãªã„ã®ã¯ã€ãã‚‚ãã‚‚ã€ç†è§£ãŒä¸è¶³ã—ã¦ã„ã‚‹ã‹ã‚‰ã 。ãã†ã„ã†ã‚ã‘ã§ã€ã‚る程度ç†è§£ãŒé€²ã‚“ã ã¨ãã«ã€çŸæ™‚é–“ã§ãƒ©ãƒ•ãªå›³ã‚’æã‘ã‚‹ã¨ã€å¯¾è±¡ã®ç†è§£ãŒé€²ã‚€ã€‚ã¨ã¯ã„ãˆã€ã„ã¾ã•ã‚‰ç´™ã¨é‰›ç†ã®ä¸–ç•Œã«ã¯ã‚ã‚“ã¾ã‚Šæˆ»ã‚ŠãŸããªã„（机ã®ä¸Šã«ç´™ã‚’広ã’るよã†ãªã‚¹ãƒšãƒ¼ã‚¹ãŒãªã„ã¨ã„ã†å•é¡Œã‚‚ã‚る）。 テã‚ストã‹ã‚‰è‡ªå‹•çš„ã«ç°¡å˜ãªå›³ã‚’作るプãƒã‚°ãƒ©ãƒ やサービスãŒã‚る。矩形や円ãªã©ã®å›³å½¢ã§è¦ç´ を表ã‚ã—ã€çŸ¢å°ãªã©ã®ãã®é–¢ä¿‚を示ã™å›³ã‚’テã‚ストã‹ã‚‰ä½œã‚‹ã“ã¨ãŒã§ãる。テã‚ストã¨ã„ã£ã¦ã‚‚ã€æ™®é€šã®æ–‡ç« ã¨ã„ã†ã‚ˆã‚Šã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã‚„è«–ç†å¼ã«è¿‘ã„（写真0
Excalidraw〜OSSã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³å›³å½¢æ画ツール〜 | OSSã®ãƒ‡ãƒ¼ã‚¸ãƒ¼ãƒãƒƒãƒˆ
オンライン図形æ画ツールã¨ã¯ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ä¸Šã§ä½œå›³ã‚’ãŠã“ãªã†ã“ã¨ãŒã§ãるツールã§ãƒ›ãƒ¯ã‚¤ãƒˆãƒœãƒ¼ãƒ‰ãƒ„ールã®ä¸€ã¤ã¨è¨€ã‚ã‚Œã¦ã„ã¾ã™ã€‚ã“ã®ãƒšãƒ¼ã‚¸ã§ã¯ã€ã‚ªãƒ¼ãƒ—ンソースソフトウェアã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³å›³å½¢æ画ツールExcalidrawã«ã¤ã„ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ オンライン図形æ画ツールExcalidrawã¨ã¯ Excalidraw（èªã¿æ–¹ï¼šã‚¨ã‚¯ã‚¹ã‚«ãƒªãƒ‰ãƒãƒ¼ï¼‰ã¨ã¯ã€ã‚ªãƒ¼ãƒ—ンソースソフトウェアã®ã‚ªãƒ³ãƒ©ã‚¤ãƒ³å›³å½¢æ画ツールã§ã™ã€‚MIT Licenseライセンスã§å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚Excalidrawã¯ã€ãƒ¦ãƒ¼ã‚¶ãŒãƒžã‚¦ã‚¹ã®ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ãƒ‰ãƒãƒƒãƒ—を利用ã—ã¦ã€ç”¨æ„ã•ã‚ŒãŸå›³å½¢ã‚’é…ç½®ã—ã€ç·¨é›†ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ã¾ãŸã€ã‚µãƒ¼ãƒå†…ã«ã‚ã‚‹ç”»åƒãƒ‡ãƒ¼ã‚¿ã‚’ã€Excalidrawã®ã‚ャンãƒã‚¹ã«è²¼ã‚Šä»˜ã‘ã¦åˆ©ç”¨ã—ãŸã‚Šã€Excalidrawã§ä½œæˆã—ãŸå›³ã‚’ダウンãƒãƒ¼ãƒ‰ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚言語è¨å®šã¯è‹±èªžã§ã™ãŒã€æ—¥æœ¬èªžã«å¤‰æ›´ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ Excalidrawã®åˆ©
Creating Accessible SVGs | Deque
Creating Accessible SVGs Scalable Vector Graphics (SVGs) have been around since 1999, but they have seen a real resurgence in use as design interactions have become more complex and CSS/JavaScript have replaced antiquated animation programs such as Adobe Flash. There are plenty of reasons to use SVGs today including: Browser support – Increased native browser support of SVGs means better consisten
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Xユーザーã®mizchiã•ã‚“: 「ChatGPTã®ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—補助ツール作るãªã‚‰ã“ã†ãªã‚Šãㆠ- Excalidraw ã®embedded component ã§ãƒ©ãƒ•ã‚¹ã‚±ãƒƒãƒã‚’書ã - ラフã®ç”»åƒå…¥åŠ›ã¨ãƒ—ãƒãƒ³ãƒ—トã§HTML+CSSを生æˆã™ã‚‹ã‚ˆã†ã«æŒ‡ç¤ºã™ã‚‹ - 出力çµæžœã‚’HTMLã§ãƒ—レビューã—ã¤ã¤html2canvas ã‹ãªã«ã‹ã§ç”»åƒåŒ– - 生æˆã•ã‚ŒãŸç”»åƒã¨ä¸€ç·’ã«ä¿®æ£ã‚’指示〠/ X
Xユーザーã®suin・èªè€…6万人『サãƒã‚¤ãƒãƒ«TypeScriptã€å…¬é–‹ä¸ï¼ã•ã‚“: 「1. ホワイトボードã®å†™çœŸã‚’ChatGPTã«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã¦ã€ã€Œã“れをGraphvizã«ã—ã¦ã€ã¨ä¼ãˆã‚‹ã€‚ 2. GPTãŒç”Ÿæˆã—ãŸDot言語をコピーã—ã¦ã€dotコマンドã§SVGファイルを作る。 3. SVGファイルをFigmaã«æŒã£ã¦ã„ã編集ã™ã‚‹ã€‚ ã“ã‚Œã§ã‚¢ãƒŠãƒã‚°ãªãƒ©ãƒ•ã‚¹ã‚±ãƒƒãƒãŒã€ç·¨é›†å¯èƒ½ãªãƒ‡ãƒ¼ã‚¿ã«åŒ–ã‘る。 https://t.co/lUV0yzEK2R〠/ X
How to disable the default mermaid render in obsidian
{{#tags}}- {{label}}
{{/tags}}