userscriptで外部のjsを読み込

む方法

1. コピペしてコードブロックに貼り付ける

ESModuleで使えるようにした後、minifyしてscrapboxに貼り付ければ使える

事例

あまりにもファイルサイズが巨大でコピペできなかったので、import機能経由で取り込んだ

ESModuleとして使えるという利点がある

scrapboxのファイルアップロード機能でjsファイルをアップロードして、テキストファイルとしてfetchしてevalすれば読み込める！！

コードブロック記法でjs書いてるときってインデントとか整えられないので、勝手に整形してほしい

普通のES Modulesのファイルをimportできないのかと思ったが、無理だった

code:js

import('/api/code/villagepump/userscriptで外部のjsを読み込/sample3.js');

code:sample3.js

import '/files/6066d758537216001c67a11b.js';

new p5(p => {

p.setup = () => p.createCanvas(400, 400);

p.draw = () => {

if (p.mouseIsPressed) {

p.fill(0);

} else {

p.fill(255,0,0);

}

p.ellipse(p.mouseX, p.mouseY, 80, 80);

};

}, 'editor');

https://gyazo.com/2f1bb4f70e85c7284a28155b3f496e6d

なるほど

何も考えずにこれを実行したら動いた

https://gyazo.com/7df16f0ecbfcf269a4b5b2f3dd596c50

6. ブラウザ拡張機能を使う