scrapbox2ankiリリースします
scrapbox2ankiとは
モチベ
このあたりでscrapboxとの連携を考えている
最初に作ろうとした記述を探しているtakker.icon
井戸端にはなさそう?
原型は2022前期に作っていた
開発経緯
AnkiのCSV import機能で作ろうとした
使い勝手がいまいち&うまくコードを組めずに断念
コレだと普通に Anki カード作ってるみたいになりそうSummer498.icon
table記法に書いたデータからそのままCSVをdownloadし、それをankiに取り込む https://gyazo.com/be5e620c1c62ab6d49d1779827a45225
Anki のフォーマットに合わせた CSV にはするっぽいなSummer498.icon
欠点
全ての問題文を一行に収める必要がある
HTMLをベタ打ちしなくてはならない
import時に手間がある
設定がめんどい
note typeを指定できない
難しそうだからやめておこう……と当初は思っていたのだが、なんだかんだで結局作ってしまった
作れるってわかったら……作るしか無いじゃん……どんだけつらくても止められないtakker.icon
値を決め打ちしている部分が大きかったので、井戸端で紹介していなかった
一部の問題形式にしか対応できていない
まあ今回紹介するver.も、その問題形式でしかテストしてないけど
テスト
問題点
音声を入れられない
scrapbox記法が使えない
fieldを増やせない
増やせれば音声を入れられる
template, cssをいじれない
cssがいじれないのがつらい
template
実装
いい感じにスケジュールを組んで問題を出してくれる
英語来てなにこれってなったけど、グラフ見てなんのことかわかったMijinko_SD.icon
任意の繰り返し学習が非常に楽になる
お出しされた問題を脳死で答えていけばいいだけ
運用の概略
Scrapbox
使い方
bookmarkletを使う
install
2. ページ中程にあるbookmarkletをコピーする
https://gyazo.com/dee29ece594c1f6b4ee9b0a20b5524fd
3. 適当なbookmarkを作ってURLに貼り付ける
4. おわり
使い方
2. ankiの問題を作りたいページに、↑の2ページをアイコン記法で埋め込む
https://gyazo.com/3fb2c85fc4faacf1b3964f2b7db1f15c
3. 問題を作る
https://gyazo.com/878125a9fae8f30173a880896b75c749
4. bookmarkletを実行する
井戸端で試せるようにしてみたtakker.icon
井戸端の任意の場所で問題を作れるようになった
注意点
fieldsやtemplatesを増やすと、idが同じでも別のnote type扱いされる
応用例
課題・未実装
バグ取りがまだ不十分
media埋め込みに未対応
まだ自分しか使ってないので、これがbestなUXかどうかはなんとも言えません
scrapboxに書いたことをAnki経由で学習するシステムの動く実装例を一つ作れたという点で、それなりに価値があるのではないかと思います
質問・感想
Scrapbox上で実装する意味って何でしょう?Mijinko_SD.icon
作りにくそうなのに、わざわざScrapboxを使う意味はすごい気になる
当初の理由takker.icon
わざわざ別の環境(例えばExcel)で問題を作るというのが嫌だった
表データに関しては、ScrapboxよりExcelとか、問題入力に特化させたWebサイトとかの方が作りやすいんじゃないかなって思ってたMijinko_SD.icon
UIの使い勝手的にScrapboxだとやりにくそうって思った
修正がシームレスなのが、scrapboxでやる利点かなtakker.icon
Anki 関連の操作が 1 つの操作につき 1 ボタンで済むのがいいSummer498.icon
特に、Scrapboxすげえええ!ってなってた頃だったので
データを全部Scrapbox上にまとめておきたい的なMijinko_SD.icon
他の理由
Scrapboxでノートをとっている
そのノートから直接問題を作りたい
これが大きいtakker.icon
CSS によるカスタマイズに対応してるのがええなぁSummer498.icon
もう少し修正したら0.1.0をreleaseします
Ankiで手軽にリンクを使いたいというのがある(Ankiから素早くScrapboxの情報を参照する)はるひ.icon
templateを工夫して、問題に生成元のページの行リンクを貼り付けてありますtakker.icon
修正が簡単