タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JavaScriptとMermaidとSVGに関するdiet55のブックマーク (2)

  • 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に貼りつければ完成。 無意識コンピ

    ObsidianでmermaidをSVGに変換する - Jazzと読書の日々
    diet55
    diet55 2023/08/14
    なるほど。手段はあるのですね。/だめだ。頭がバカになっている。MermaidはJavaScriptのライブラリなのだから、扱う手段がありそうなのは当たり前か。不勉強。勉強になるなー。 mermaid.render()。 https://mermaid.js.org/config/usage.html
  • 窓辺の小石(109) mermaid作戦

    文書に図を入れると内容が把握しやすくなることがある。こうした場合、図は、文書で解説したものと等価なものになる。このため、図を書けば、文章が書きやすくなるし、逆に文章で表現できたなら図も書きやすい。理解したことを図にして確認することで、理解の不足を確認できる。図にしたときに描かれた要素同士の関係や位置づけがはっきりしないのは、そもそも、理解が不足しているからだ。そういうわけで、ある程度理解が進んだときに、短時間でラフな図を描けると、対象の理解が進む。とはいえ、いまさら紙と鉛筆の世界にはあんまり戻りたくない(机の上に紙を広げるようなスペースがないという問題もある)。 テキストから自動的に簡単な図を作るプログラムやサービスがある。矩形や円などの図形で要素を表わし、矢印などのその関係を示す図をテキストから作ることができる。テキストといっても、普通の文章というよりは、プログラムや論理式に近い(写真0

    窓辺の小石(109) mermaid作戦
    diet55
    diet55 2023/04/14
    塩田紳二さんも(Markdownの)Mermaid記法を!メジャーになったー。うれしい\(^o^)/ 「(だったら、描画ツールでゼロから書いた方が早い)。基本的には、自分の理解を簡易に画像化して確認するものと割り切ろう。」
  • 1