ScrapJupyter

コードブロックをその場で実行できるようにしたやつです

jupyter notebookみたいなのでScrapJupyterという名前にしてみました

機能をボタンでトグルできるようにしたのと、１行目がScrapJupyterだと自動でonになる

debug時に便利

開発コンソールで張り付けして実行するのは少し面倒

自分のページをいちいち書き換えるのは非常に面倒

importを使えば多少はましになるけど、reloadしないと新しいコードを実行できないのが面倒

https://gyazo.com/cab41adb9f3b9d8bd01368d2bf1a3c58.mp4

任意の文字列をJavascriptと解釈して実行する関数です

ユーザが入力した文字列をもしevalしたら、ユーザや第三者が悪さするかもしれないので

いまスマホからスクボ書いているので当方では試せませんが

後で試してみます

だめでした

どういう目的でなにをしようとしているのかがよくわからないです

普通のjsのevalだとスコープの問題があって、

code:js

hoge = 1

Functionでくくるやつはできるんじゃなかったのかなと思ってて

と思ってたらこれでできた

(1,eval)('hoge = 1')

Function要らないん?

共存できるから融合する必要ないか

後で試してみます

文中に変数をScrapCalcで入れつつ、長い計算やアルゴリズムをコードブロックで書いて実行、とか良さそう

あらゆるコードブロックに実行ボタンがついてしまう?

コードブロックごとに指定できる方がいいかも?

たとえばデバッグ時のリロードとか

自己責任だし、実行できるの自分だけだし

const autoEnable = () => toggle(scrapbox.Page?.lines[1]?.text === title)

const autoEnable = () => toggle(true)

ScrapJupyterで名前ないjsファイル扱いたくて無理やり文字列結合したのを思い出した

お試しコーナー

code:js

code:ts

type User = {

name: string;

};

const res = await fetch("/api/users/me");

const { name }: User = await res.json();

code:js

必ず失敗するコード

alert("failed");

code:js

throw Error("Unknown error has occurred.");

このprojectにいるmemberのリストを表示する

code:ts

type Project = {

users: {

name: string;

};

};

const { users }: Project = await res.json();

projectのページを閲覧数順に並び替える

code:ts

type PageList = {

pages: {

title: string;

views: number;

linked: number;

pageRank: number;

}[];

};

const {pages} = await res.json();

UserScript.icon