Wikiと手書きノートの融合

ノートより。

講義ノートと同じような話だが、TeFWikiとPngNoteの融合について、 特にPngNoteの方がメインのノートを作った時に、これをどうWikiと融合させるかについて考えたい。

問題設定

テキストにちょっと補助で画像を描く、という場合は、適当に作った画像をFireAlpacaで範囲指定コピーして、 それをMdImgrに貼る、で良いように思う。 Wikiに直接貼るのにくらべてちょっとだけ手間もあるが、 コピー先のフォルダのコントロールが出来る分この手間は妥当だと思っている。 【書籍】イラストをそれっぽく描くコツなどはいい感じに出来たページだと思っている。

数式などをちょっと手書きで足したい、という時も、同様のスタイルで良い。

だが、テキストと手書きを行ったり来たりが増えてくるとこのスタイルはかったるく、 手書きをメインにノートを書く事はちょくちょくある。図書館などではタイピングの音がうるさいのは良くない、という事情もあり、PngNoteだけでノートをとる方が手軽な事も多い。

この手書きで書いたノートをそのまま放置していると、後で見直せない。 そこでどうにか省エネでWikiに統合したい。ただ取り込むのを面倒にするとやらないので、取り込みの省エネ具合を優先し、見る側の多少のいまいちは受け入れる事にする。

前提

• 手書きのノートはそこまで形態を変えたくない
  • たまに改ページするくらいはいい
  • コピペしたい単位ごとに改ページは嫌だ
• 取り込みは最小の手間でやりたい
  • 気が向くまでそれを整理していく、という風にプラスアルファで整理したければする形にしたい
• 気が向いたらPngNoteに戻して続きを書いたりはしたい

ソリューション

• PngNoteのフォルダをそのままimgs下に移動する
• trim_and_kick.appにimgs下に移動したフォルダをDnD
• 立ち上がったMdImgrのCopyAllUrlsで全リンクをコピーしてmdにペースト
• md上で適当にセクションとかに分けて、たまに説明を足したりする

これはかなりいい感じになっている。

trim_and_kick.app

上記の手順のtrim_and_kick.appはApple Scriptで作ったのだが、後から見るとなんだったか忘れがちなのでここにメモを残す。

やっている事は以下

• フォルダをバックアップを取りつつ余白除去をするスクリプトを走らせる(Goで書いた。RandomThoughts/wiki_src/imgs/scripts）
• MdImgrを立ち上げる

何をやってるか忘れた時は、trim_and_kick.app/Contents/Resources/trim_bottom_kick.commandを見ると何をやるかはだいたい分かる。 このtrim_and_kick.app自体はスクリプトエディタというアプリで開ける。

このソリューションの実例

• HMM
• マルコフ連鎖
• 文字列マッチ
• EnhancedSuffixArray

感想

EnhancedSuffixArrayは割と手を入れたものになっていて、逆にHMMなどは全く手が入ってない例となる。

取り込むコストはかなり低い。1ページずつコピペせずにbook単位で取り込めるがの良い。 PngNoteで書いたノートをアーカイブする感覚で出来る。

そして省エネでありながら、Wikiのリンク先が出来る、というのは結構大きい。 リンクのネットワークがより充実していくのが分かるし、後から見直しやすい。 手書きのノートを単にGithubPagesGalleryに置くだけではほとんど見直さないが、 Wikiに埋め込む所までやればちゃんと見直せるノートにはなっている。

マルコフ連鎖などでは、複数の教科書を読みながら書いたが、 教科書の区切りでは改ページをしておいたので、Wiki上ではセクションは区切れる。このくらいはやっても良い気がしている。

本当はStationaryとか単位でcropしたいのだが、この手間を掛ける気は今の所起こらないなぁ。 Wikiからちょろっと出来るならやりたい所だが、わざわざお絵描きアプリを立ち上げてそうした作業をする気は起こらない。 コマンドラインからキック出来る専用アプリがあればやるかもしれないが、 それをやるとPngNoteに戻すのが面倒になるので一長一短ではある。

一度取り込んだノートをもう一度PngNoteで編集するのはややかったるいが、 ある程度時間を置いて変更しなかったノートはほとんど変更しないので、思ったほど実害は無い。 たまに必要になる事はあるが、たまに必要になった時くらいはその手間を払うのはいいかな、という気はしている。

むしろ残す気の無い計算などはページを分けておきさえすれば、コピペしたものを一行削除するだけでページごと消せるので、 残さない計算と残すノートをまぁまぁ省エネで分離出来るので、思ったよりもいい感じだ。 昔コピー用紙などに適当に計算を書いては捨てていたが、あの感覚で計算が出来て、けれど出来た結果をノートに出来る感じになっている。いいね。

---

始める前に考えた事

もともとこのページは、どうにかならないかな〜という考えをなんとなく書いていくページだったのだが、 紆余曲折の結果一つの結論に到達したので上記にまとめている。

ただその紆余曲折自体は残しておきたいので以下に残しておく。

最初に考えた事

お絵かきは、MdImgrで割と融合出来ている＞【書籍】イラストをそれっぽく描くコツなど. 計算式もMdImgrベースで良いような気がしている。

だが、PngNoteの方が主体になると現状はいいつなぎ方が無い。

例えば今日（2026-07-03 (金)）、HMMについての計算をしてみた。これはPngNoteの一つのフォルダになっているが、 テキストの必要製はあまり感じない。 このPngをどこかにおいて、インラインイメージとして全部Wikiに貼る事は出来る。 ただこれはそこまでいい体験でも無い。

本当は、GithubPagesGalleryがWikiの中にある感じになるのが理想に思う。

GithubPagesGalleryにノートを置いてそこへのリンクを貼る、という形式だと、ローカルで見直せないのがいまいちだな、と思う。 だがTeFWikiにそうした機能を追加していくのはどうも気が乗らない。なんか違う、という気がする。

単に画像の連番を置いたフォルダをどう見るか、という話と、そこへのリンクをRandomThoughtsの中にどう埋め込むべきか、という話に思う。

現状、PngNoteはあまりブラウズ性能が高く無いので、昔のノートを全部置いておくのは嫌だなぁ、という気分になる。 ただアクティブに編集したいノートはそんなに多く無いので、どこかに移動するのが問題とは思わない。 問題は移動したものを見直す手段が無いという所だよなぁ。

まぁ試しに全部イラインで置いてみよう。HMM

短ければとりあえずはこれでいいか。

単にPngNoteをフォルダコピーしてリンクを埋める 2026-07-16 (木)

またこの話を考えたくなったので追記。

今日はアルゴリズム本で文字列マッチのあたりを読んでいた。定義などは手書きで描きたいが、acceptやrejectの定義などはテキストで書きたいなぁ、という思いがある。

現在のPngNoteの位置に対してテキストを書く、という事が出来れば、あとから融合出来ると思うのだが、現状はいい書き方が無い。

PngNoteのページ数を書いておく、というのはどうだろう？ページのどこか、というのは後から見るのにそんなに難しさは無い。ちょっとやってみるか？

文字列マッチでやってみる。

やってみた。手描きでノートを書いて、後でそれを見つつWikiを書いて、最後にフォルダごとコピーしたあとにkickimgr使ってリンクにしていく。 最後にかったるさはあるが、まぁ続けられる範囲かなぁ。 手描きと文字が両方入ってるメモツール系よりはだいぶマシな使い心地にはなった気がする。 手描きだけだと後で見直すのが難しいが、文字列マッチくらいなら見直せる。

PngNoteのフォルダを移動するだけ、というのも楽でいい。これならまぁやっていけるか。

PngNoteの下部の余白を除去するスクリプトを走らせる 2026-07-27 (月)

下の余白が気になるのでこれを除去するスクリプトをLLMに作ってもらう。省エネと見やすさのバランスとしてはこんなもんか？という気がし始めている。