タグ

JavaScriptとMarkdownに関するdiet55のブックマーク (3)

  • Obsidian dataviewjsにコピーボタンをつける - Jazzと読書の日々

    dataviewは面白いけど、表ができたらそれだけで、そこからの発展がない。 そう思ってました。 でもdataviewの沼は底無しに深かったのです。 インラインJS インラインJSについて調べたとき、Markdown変換のコマンドがあったわけです。 なんのため? これは「使え」ってことだなあ。 どう使えばいいんだろう? dv.el() エレメント作成のコマンド。 これもdataviewに用意されている。 HTMLタグをつけるときに使えます。 じゃあ、buttonタグはどうだろう? もしボタンでクリップボードに表が保存できたら。 それ、いいじゃないか。 コピーボタン テーブルの下に「copy」というボタンが出てきます。 これをタップするとクリップボードにMarkdownが保存される。 貼り付けると、それが表になる仕組みです。 ```dataviewjs s = [ ["阪神", 20, 13

    Obsidian dataviewjsにコピーボタンをつける - Jazzと読書の日々
    diet55
    diet55 2023/05/16
    「dataviewは面白いけど、表ができたらそれだけで、そこからの発展がない。 そう思ってました。 でもdataviewの沼は底無しに深かったのです。」「インラインJSについて調べたとき、Markdown変換のコマンドがあったわけです」
  • 窓辺の小石(109) mermaid作戦

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

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

    Visualize your ideas. Infinite space to research, brainstorm, diagram, and lay out your ideas. Canvas comes free witObsidian. A playground for thought Canvas allows you to organize notes visually — an infinite space to research, brainstorm, diagram and lay out your ideas. Embed your notes alongside images, PDFs, videos, audio, and even fully interactive web pages. A new way to think Effortlessly

    Obsidian Canvas - Visualize your ideas
  • 1