cosense-userscript-dev
from 2026/02/19
UserScriptをTypeScriptでかつエディタで書けるようにしたmrsekut.icon
エディタ上でTSでUserScriptを書いて保存すると、ホットリロードされブラウザ上で読み込まれる
従来の、頑張ってJSで書いて、コピペして、リロードして、読み込んで、、、という手順を踏まなくて済む
https://github.com/mrsekut/cosense-userscript-dev
demo
https://gyazo.com/3ff734c0a2a477c9b933dd29066de3fd
/mrsekut-p/cosense-userscript-dev
takker99/ScrapBubbleのような大規模コードのテストとかに使いたいなtakker.icon
deno版つくろう
/mrsekut-p/✅️2026/2/19 TypeScriptで楽にUserScriptを書きたい#6996bdcb000000000029f756
近いことを/takker/import-devにbackgroundでテストコードを貼り付けるUserScriptでやっていますtakker.icon
クリップボードにコードをコピーした状態でボタンを押すと貼り付けてくれる
リロードは手動だが、自動に変えるのは簡単
気になる!mrsekut.icon
ページを読んでもよくわからなかったので、簡単なGIFか雑なフローの説明があると嬉しい
import-devがまずなにかわからない
どういう「ボタン」なのかがわかればわかりそう
説明が皆無でマジ申し訳ないです……takker.icon
自分が使えればOKレベルでしか考えていない
卒論修正に苦労しているのも同じ構造かも……
今やらないと絶対やらなそうなのでとりあえずGIFだけとりました
https://gyazo.com/a4c3d4e06545046b43a0619677df88b4
あざます!ボタンを押すと、ぼちぼちでかいコードを特定のページに貼り付けられるということかmrsekut.icon
全く同じ仕組みを使えば、$ cosense-userscript-dev deployしたら特定の場所に貼り付けるみたいなこともできそう(?)
できるできるtakker.icon
いくつかの機能を組み合わせてます
/takker/Scrapbox-UserScript-Switcher
?devがついているときのみ/takker/import-devのコードを読み込むようにしている
Mijikko.iconさんのボタンがでてくる
適当にクリップボードにコードを貼り付ける
GIFでは、scrapbox-select-suggestionのコードをbuildしてクリップボードに入れる
Mijikko.iconさんを押す
そういえばなんでMijikko.iconさんの画像使っているんだっけ?
たしかMijikko.iconさんのコードを元に改変したコードだからだったかな
画像をそのまま変えてない
押すと、クリップボードに貼り付けてあったコードが/takker/import-devのmod.jsに上書きされる
巨大なコードでも貼り付けられるのが特徴
Ctrl+Vは100000文字くらいでtoo large to pasteエラーが出て、途中までしか貼り付けられない
このscript経由ならより巨大なコードでも貼り付けられる
リロードすると読み込まれる
またScrapboxのWebSocketを模倣すればサーバーサイドでUserScriptを書き換えることも可能です