Top / 体験研究 / Canvas Memory
インターフェースの体験 — Canvas Memory

描き直すたびに作る下書きが、iPhone で道具を止める

2026.10 Mobile / Canvas

浮世絵の道具 浮 UKIを公開した日、iPhone で触ると「何も変わらない」と言われた。パソコンでも、スマホ表示の再現でも、柄はちゃんと塗れていた。実機でだけ止まる。原因は、絵を描き直すたびに作っていた下書きの紙だった。

この研究を一言でいうと──道具の下書きは、描き直すたびに作らない。名前ごとに1枚を使い回す。

iPhone で開いた浮世絵の道具の画面と、描き直し1回で作る canvas の数(22から2、7から0)
— 左=iPhone の画面幅で開いた道具/右=描き直し1回で作る作業用の canvas の数

捨てた下書きは、すぐには消えない

絵を重ねるために、作業用の canvas(下書きの紙)を作る。線の層、柄の層、色ごとの層、型抜き用の層。描き直すたびに新しく作り、使い終わったら捨てていた。捨てた紙は、ブラウザが片づけるまでメモリに残る。iPhone の Safari には、canvas に使えるメモリの合計に上限がある。超えると、エラーも出さずに描かなくなる。

道具1枚直す前直した後
浮世絵の道具7.2 MB22枚=約158 MB2枚=約14 MB
題字の道具(刃4本)10.2 MB7枚=約72 MB0枚
題字の道具(刃14本)10.2 MB17枚=約174 MB0枚

スライダーを動かすと、描き直しは1秒に何十回も起きる。片づけが追いつく前に上限へ届く。

道具ごとに、1回の描き直しで使っていたメモリを直す前と後で比べた表
— 名前ごとに1枚を持ち、毎回消して使う形にした

直し方

再現では見つからない

パソコンのブラウザで画面をスマホの大きさにしても、この上限は再現しない。実機で触った人の「何も変わらない」が、唯一の手がかりだった。

あなたの道具は、描き直すたびに何枚の紙を捨てていますか。

何度も読む canvas は、途中で描き方が変わる、の研究を読む →

— 他の研究を読む
← 体験研究の一覧へ 全ての設計事例を見る →