Obsidian：ピンチインでズームインしよう

カードを指先で操りたい。

スライドカーソル

画面を撫でるとカーソルが動く。 そうしたTemplaterスクリプトです。

これにピンチイン／ピンチアウトの機能も追加しました。 Zoom in/out を行います。

slidecursor.md

Templaterの Startup templates に登録します。

<%*
s = "document.ontouchstart=(e)=>{p0=e.touches[0].pageX;p1=e.touches[1].pageX;if(p0>p1){px=p0;p0=p1;p1=px}}; document.ontouchmove=(e)=>{e.preventDefault();x0=e.touches[0].pageX;x1=e.touches[1].pageX;if(x0>x1){px=x0;x0=x1;x1=px}if(x1-p1>4 || p1-x1>4){if(x0-p0>4 && p1>x1){app.commands.executeCommandById('obsidian-zoom:zoom-out')}else if(p0-x0>4 && x1>p1){app.commands.executeCommandById('editor:fold-more');app.commands.executeCommandById('editor:move-caret-left');app.commands.executeCommandById('obsidian-zoom:zoom-in');app.commands.executeCommandById('editor:fold-less')}else{d=document.getSelection();d.modify(d.toString().length?'extend':'move',(p1>x1)?'left':'right','character')}p0=x0;p1=x1;}}"
e = document.createElement("script")
document.body.appendChild(e).innerHTML = s
new Notice("SlideCursor on.")
%>

中で Zoom を呼び出しているだけ。

Obsidianはgestureやscaleが使えないので力技。 無理矢理ピンチインを表現しています。 汚いコードだけどなぜか動く。

使い方

指2本で画面を撫でるとカーソルが左右に動きます。 左親指で余白を押さえ、 右親指を左右にすべらせるのがオススメ。

その2本の指を左右に開くとズームになる。 カーソルが見出しに乗ってなくてもズームします。 ここでも力業を使っています。

反対に、指を閉じるとズームアウトになる。 これ、横方向しかチェックしてないので、 横方向でつまむ感じにしてください。

まとめ

これと cardy.css で「書く」のイメージが変わるかな。

君色に染まる

西沢さんPから10年ぶりのリメイクが出ました。

なぜ歌は繰り返し聴いても飽きないんだろう。