ScrapboxでMermaid記法を可視化するUserScriptを作った話 | 豆蔵デベロッパーサイト

まずはUserScriptでどんなオブジェクトを扱えるかを調べてみようと思います。 ブラウザで任意のScrapboxのページを開き、デベロッパーツールのコンソール上で『window』と入力すると、そのページ上で定義されているグローバル変数の一覧が表示されます。 ここで表示されているグローバル変数は基本的にUserScriptで扱うことができます。 ここで抑えておきたいポイントは、jQueryが使えることと、scrapboxグローバル変数にScrapboxのページ情報が格納されているところです。 scrapboxグローバル変数の構造は大まかに下図のようになっています。 ページ内のコードブロックはscrapbox.Page.linesを辿ることで取得できそうですね。 コードで書くと下記のような感じでしょうか。 const result = []; let text = ""; for (con

[cateiru]

便利そう