t_wの輪郭

　『人生たのベントカレンダー🎶 Advent Calendar 2022』の場を借りて、私が作ってる手書きメモサービス TwEgaku（以下TwEgaku）を紹介させていただきたい。

　TwEgakuは手書きでメモができるサービス（ウェブアプリ）だ。メモ。なのでお絵描きではない。いやお絵描きに使ってもいいんだけど、あくまで主眼はメモにある。

開発の文脈・きっかけ

　「きょうび手書きとか流行らねーんだよ。いま令和ぞ？」と思われるかもしれない。「キーボードの方が入力早いじゃん」と思われるかもしれない。

　『ゼロ秒思考』という本では、「メモ書き」というA4のコピー用紙に書き殴るという行いが紹介されている。これを1日に10分で10枚（1枚当たり100文字程度なので、1日に1000文字程度）書くと頭に良いとされている。が、1日に1000文字を書くというのはなかなか難しい。書くことがなくなる。そうなのだ。手書きでさえ1日10分も書けば書くことがなくなるのだ。キーボード不要説が立ち上がる。
　また、このメモ書きというのは存外楽しい。このメモ書きに私はとらわれていた。1日10枚のメモ書きをしていたところ、段ボールひと箱分のA4用紙が消費され、そのメモが死蔵されていた。メモをため込めば活用したいという気持ちが湧きおこるのは自然なことだろう。ただ、このメモらをスキャンしてOCRにかけて……という風にする気にはならなかった。あまりに数が多すぎた。せめて新しいメモぐらいは電子化しておきたいという気持ちになり、DPT-RP1というSonyが販売した電子ペーパー機器をおよそ5年前の2018年ごろに購入するに至った。
　DPT-RP1の機能の詳細は省く。結論から言うとこれでメモ書きするのはダメだった。機器自体に検索機能が搭載されていない。大きく外で使いにくい。ペン先はみるみる削れていく。充電が切れる。パソコンとの接続が面倒。紙と電子機器の悪い所取りをしたような機器だった(もちろん利点がないわけではない。大量のPDFを手軽に持ち歩くことができる。論文を読むのには最適だった)。この失敗を経てなお、私の中には手書きのメモ書きを保存し、検索し、活用したいという思いがくすぶり続けていた。

　話は今年の2022年5月まで飛ぶ。良いカメラが付いたスマホが欲しいなと思い、Galaxy S22 Ultra 5Gを買ったところ、「Sペン」というペンが本体に収納されていた。なんとなくこれでメモを書いて、そのメモのスクリーンショットを『デライト』という公開メモサービス上に投稿したところ、『良さ』を感じた。手書きのメモを公開することにルネサンスを感じた。ただ、「メモを書いて、スクリーンショットを取って、Gyazoにアップロードして、URLを取得して、そのURLを書き換えて、デライトに張り付ける」という手順はあまりに手間がかかる。「メモを書いて、URLを取得して、デライトに張り付け」ができる、手書き版のGyazoみたいなサービスがあったら最高だろうなと思われ、そうしたサービスの開発を開始した。

kakeruという先行事例の発見

　そうしてサービスの開発を進めていたところ、kakeruというウェブアプリを発見した。kakeruを試したところ、「メモを書いて、URLを取得して、デライトに張り付ける」が実現されていた。まさに作っているモノがすでに実現されていて絶望してしまった。
　開発の中断も検討したが、幸いにも手書きで手書きメモを検索する「手書き検索」を思いついたためにTwEgakuの開発は継続された。手書き検索を思いつき、その機能に良さを感じたのはやはり、「メモ書きを保存し、検索し、活用したい」という思いがあったからだろう。

iPad mini 6とApple Pencil（第2世代）、ポチっちゃった

　2022年のブラックフライデーでiPad mini 6が割引になっているのを発見してしまった。「手書きするウェブアプリを作るならApple Pencilは避けて通れないよなぁ」と思って価格調査していたところだった。ポチってしまった。1か月ほど使ったが今のところ後悔はしていないです。いずれ買っていただろうため、タイミングが良かった。

TwEgakuの行く先

　「手書きルネサンスでタイピングを逆に時代遅れの技能にしていくぞッ」というような意気を持つところまでは至ってない。とりあえず糊口をしのげるようになりたい。パクリが出るくらい流行ってほしい。
　後、最近電子ペーパー端末がポツポツ出てるのが気になる。試したいけどこれ以上ガジェット増やすと運用できないのでなんともかんとも。

そんな感じです

　はい。大体書き終わったのでこの辺にします。TwEgakuは「https://twegaku.towasys.com」から利用可能なので、気になったらぜひ使ってみてください。

　手書き共有ウェブアプリ TwEgaku(仮)で実現しようとしていた「雑な絵や手書きの図をとにかく早く共有したい」のほとんどをkakeruが実現していることが発覚した。というかもうこれでいいんじゃないかと思える。

　筆圧が無いのでつけたくなるけど、実はなくてもいい説がある。

　デザインをもう少し自分好みに寄せられると良さそう。

　kakeruでできること
✓手書き
✓消しゴム
✓拡大縮小
✓ピンチで拡大縮小
✓ペンのみのモード
✓svgで共有
✓pngで共有
✓リアルタイムで複数人で編集
✓画像のアクセス制御
✓書いた画像の管理

　kakeruに欲しい機能
○ 筆圧対応
○ hogehoge.svgに直接アクセスしたら広告とか表示
○ 2本指で移動
○ 上のボタンのサイズとかデザインとかいい感じにする
○ ペンのボタン（ダブルタップ）で消しゴムに切り替え
○ PWA対応
○ 背景色設定対応・背景色継承
○ 板の引き入れ
○ 特定ユーザーのみのアクセス権限
　GoogleKeepでよくなる
○ 線にリンク付与
○ 文字認識
○ 手書き検索
○ .svgのページに編集画面へのリンク
○ .svgの更新高速化

　雑な絵や手書きの図をとにかく早く共有したいので、線が汚いという問題より先に、『手書き共有ウェブアプリ EGAKU』と『t_wの輪郭』の同居問題をやっつけて、早く手書きを共有可能な状態に持っていきたい。

　雑な絵や手書きの図をとにかく早く共有したいを突き詰めれば、消しゴムも、カラーピッカーも不要な機能でしかない。いや、あった方が良いんだけど、MVPのMinimumではない。

iPad上のSafariでApple Pencilを用いて手書こうとすると，筆の動きが「描画欄への入力指令」と「頁の縦方向の移動指令」と重なって捉えられてしまい，描きづらい。これはSafariの問題かもしれない。全画面 (Fullscreen API) にできると良いかもしれない。
筆先をゆっくり動かしたときにギザつくのが気になる。SVGの<line>要素を繋げて筆記線にしているようなので，細微な描画が苦手なのはしかたがないが，丁寧な斜め線を描きたいときなどにかなり汚ない線になってしまう。

　iPadとApple Pencilの手持ちがないので試験できないんですよね。実装が進む前に、iPadとApple Pencilを中古でもいいから手に入れるべきか、悩んでいます。
　手元のAndroid Chromeだとそれなりに綺麗に動いてます。

　斜めに書くとギザ付くのは、特にPCのマウスポインターで確認してます。斜めにゆっくり動かすと、ポインターの移動方向が(1,0),(0,1),(-1,0),(0,-1)に丸まってしまって、それで線がギザギザになってます。プログラム側である程度補正はできる気がしているので、検討中です。

　現状の方針としては「きれいな線や絵を書きたい」ではなく、「雑な絵や手書きの図をとにかく早く共有したい」に焦点を当てているので、改善は後回しになりそうです。

拡大すると画面を移動できなくなるが，それで良い。設計図を書くとかそういう複雑な目的に使うわけじゃないだろうし，この方面の多機能化はあまり良くない気がするので。むしろ，二度繰(く)り突(つ)く (double click) ことで，共有画面がパッと開くくらいの挙動が良いかもしれない。

　拡大・スクロールすらいらないと思っているので、そういう風に設定してあります。手元のAndroid Chromeだとそう動いてますが、やはりiPadのSafariだと挙動が違うみたいですね。