画像の一部を選択してマークダウンに置き換えていくノート整理アプリを作りたい。 EjiCellと名付ける事にする。
講義ノートで書いた考えをもとに、1枚のノートとなっている手書き画像を範囲指定しつつマークダウンに置き換えていく事で、 テキストのブロックと画像のブロックのリストで構成されたノートを作るアプリが欲しい。
講義のノートは全てPngNoteで、つまりフリーハンドの画像で取るようにしたい。 キーボートとペンを行ったり来たりしたくない。ペンだけでノートを取りたい。
一方で全部画像で残すのはしたくない。 grepしやすく見直しやすいように、最終的には画像とテキストが混ざったmarkdownのノートになって欲しい。
そこでフリーハンドでとったノートを元にテキスト画像混じりのマークダウンを作るアプリが欲しい。それがEjiCell。
動画を見ている時は、フリーハンドでは省略的に分かればいい程度の感じで書いておいて、 動画を見終わった後に、画像を見ながら部分部分をテキストに手作業で置き換えていく。 最終的にはmarkdownの1ファイルと複数の画像セルになる感じ。 出来上がったものをTeFWikiに組み込んでこれまで通り公開したい。
画像の左側の余白をタップすると、そこを境に上下に画像が分かれて、間にテキストブロックが挟まる。 画像を選択すると上下に移動出来るバーが出て、それで狭めたり広くしたり出来る。 広くするのはオーバーラップが出ない所までしか出来ない。
縦方向しか指定しないので、UIはそれに合わえて大雑把に操作出来るようにしたい。
概念的には画像をsplitする画像編集アプリに近い。 ただ、画像を見ながらその中身を手作業でテキストに置き換えたいので、テキスト入力もその場で出来る必要はある。 ただマークダウンのフォーマットは出来なくていいかな。プレーンテキストで。
実装的には元になる画像を毎回ロードしてbackground Imageで切り抜いたdivを並べる感じにしたい。 splitはあくまでそういう画像をファイルとして保存していくだけで、 アプリとしてはいつもオリジナルをロードする。