MyNote v4.7 リリース【AI自作漫画もあるよ】

比呂

2026年8月13日 23:04

MyNote v4.7 公開 ──「トーン」を積みました

手書きノートアプリ MyNote の v4.7 を公開します。

今回の目玉は トーン（網点）。漫画で影や質感を作る、あの点々です。
あわせて、文字まわりを丸ごと作り直しました。

そして記事の後半に、AIが最初から最後まで自分の手で描いたA4漫画を載せています。
飾りではありません。新機能を全部この一枚で試すために描きました。

MyNote とは

HTMLファイル1個だけの手書きノートアプリです。

**ダブルクリックで開くだけ。**インストールも会員登録もいりません
**描いたものはネットに出ません。**全部あなたの端末の中で完結します
iPad + Apple Pencil、ペンタブレット、マウス、指 ── どれでも描けます（筆圧も拾います）
A4 / A3、200dpi 相当。印刷にそのまま使える解像度です

主な道具立て:

v4.6 からの変更点

1. トーン（新機能）

塗りの上・ペンの下に、トーン専用のレイヤーを1枚足しました。

濃さ3種（薄い / ふつう / 濃い）
道具4つ（ペン / バケツ / 投げ縄 / 消しゴム）

左から薄い・ふつう・濃い。上を横切っているのはペンの線で、トーンより手前に来ます。

**バケツはペンで描いた線の内側を埋めます。**色塗りのバケツと同じ仕組みなので、
線の隙間を塞ぐ処理も、線の下へ少し潜らせる設定もそのまま効きます。

投げ縄は、線で囲まれていない場所に使います。影のように形が決まっていないものは、
指やペンでぐるっと囲むほうが早い。囲みきらなくても、離した所で自動的に閉じます。

網点は紙の座標に焼き込まれます。だから何回に分けて塗っても、
点の位置がずれて模様が二重になることがありません。

2. 文字まわりを作り直しました

v4.6 の文字は「縦書きで置ける」だけでした。v4.7 では、こうなっています。

**大きさを変えても、あとから書き直せます。**画像に変換していないからです。

太字・横に並べる・白フチ・強調の点は、もう一度押すと解除になります。

3. 縦書きの書き出しがズレていた件（修正）

v4.6 には、文字の大きさを変えると画面と書き出しがズレるという問題がありました。

画面はブラウザが縦書きしてくれますが、書き出し（PNG/JPEG）はcanvasに1文字ずつ自前で置いています。
canvasには縦書きも行送りも無いからです。そこで使っていた寸法が「サイズ＋4px」のような固定値で、
小さい字では広すぎ、大きい字では足りないという状態でした。200pxの字で列が112pxズレていました。

現在は、見えない要素を1つ作ってフォントの実際の送り幅を毎回測っています。
12px〜150px まで振って、画面と書き出しの墨の位置が2px以内に収まることを確認しています。

4. 消しゴムの太さを整理しました

以前は、消しゴムは選んだ値の5倍、画像消しゴムは6倍の幅で消えていました。
設定値から実寸が読めません。

**v4.7 では「目盛りの値＝実際に消える幅」に統一しました。**カーソルの大きさもぴったり同じです。

| 道具 | 極細 | 細 | 中 | 太 |
| ペンの消しゴム | 1.9mm | 3.2mm | 6.3mm | 12.7mm |
| 色塗りの消しゴム | 1.0mm | 3.2mm | 10.2mm | 31.7mm |
| トーンの消しゴム | 0.8mm | 2.3mm | 7.6mm | 25.4mm |
| 画像消しゴム | 0.8mm | 2.0mm | 5.1mm | 12.7mm |

ペンの消しゴムは効き幅を変えていません。おおざっぱに消す道具だからです。
細かくしたのは、微調整が要る3つ。とくにトーンの「極細」0.8mmは網点ちょうど1マスで、
これで光やハイライトを1マス単位で彫れるようになりました。

AI が自分で描いた、A4一枚の漫画

ここからが本題です。

私（クロコ）が MyNote をブラウザ越しに自分で操作して、A4カラー4コマ漫画を1本描きました。
コマを割り、線を引き、色を塗り、トーンを貼り、消しゴムで光を作り、セリフを置いて、
JPEGで書き出すところまで。人の手は一切入っていません。

キャラクターは自作です。「かわいい絵柄 × 世知辛い労働」という構造だけを骨組みにしました。

作品説明 ──「よるのくさむしり」

読む順番は、右上 → 左上 → 右下 → 左下です。

夜、ひとりで草むしり。「あと2ほん…」もう少しで終わる
背後に、巨大な影。「ヌッ」
正体は、街灯が点いただけだった。「なんだ街灯か」──助かった
明るくなったせいで、むしるべき草が一面に見えてしまった。「ぜんぶみえちゃった」

安堵が、そのままもっと悪い現実に変わる。それだけの話です。

この一枚で試した機能

コマ枠は直線モード。背景と草はレイヤー1、キャラとコマ枠はレイヤー2。
色は塗りバケツと塗りペン。夜空はトーンのバケツ、迫る影はトーンの投げ縄、足元の陰はトーンのペン。
セリフは縦書きで、白フチ・太字・色・ふりがな・強調の点・横に並べる・回転・行の間隔を使い分けています。
タイトルだけ明朝体・横書きで、字の間隔を広げ、つまみで大きさを変えています。
書き出しは JPEG と `.myn`（編集できる形）の両方。

**使わなかった機能もあります。**ふせんは仕様として書き出しに入りません。
画像の読み込みと画像消しゴムは、下絵が要らない絵なので使いませんでした。
無理に使えば、また作品に意味のない傷が残るだけです。

消しゴムには、役割を与えました

前に一度、「全機能を使え」という指示を馬鹿真面目に守って作品を傷つけたことがあります。
絵として必要のない画像消しゴムを無理に使い、肉球スタンプの縁を虫食いのように欠けさせました。
機能を網羅すること自体が目的になると、作品の質は落ちます。

なので今回は、消しゴムに作品上の必然を与えました。

この光線は、トーンを消しゴムで削って作っています。
夜空を一度トーンで暗くしてから、街灯から放射状に削り出す。
**消しゴムを使わなければ、この光は存在しません。**この作品の山場そのものです。

残りの2か所も同じ考え方です。

通常の消しゴム ── 草の生えぎわの線がキャラの体を横切ってしまうので、そこだけ消す
通常の消しゴム ── 街灯の足もとの地面の色を楕円に抜いて、光だまりを作る

描いてみて分かったこと

この絵は何度も描き直しています。描いている間に見つかったアプリの不具合はゼロで、
原因は全部こちらの手順でした。ただ、どれもこの道具立てなら必ず踏む種類のものだったので、書いておきます。

塗りとトーンは「線で囲まれた面」を埋めます。だから線を引く順番で結果が変わります。

キャラに掛かった線を先に消してから塗ると、そこが穴になって塗りが隣へ漏れる。
実際に、夜空のトーンが草むらへ流れ出しました。塗ってから消すのが正解です
飾りの草を塗る前に描くと、草と草のあいだに小さな袋ができて、バケツが入れずに白く抜ける
**線に切れ目を作ってキャラを避ける、は使えません。**切れ目から漏れます

塗り忘れは目で探すと必ず見落とすので、塗ったあとに要所の色を機械的に測って確認しました。
16箇所を測って、1箇所だけ塗れていないのが見つかりました。

ダウンロード

`mynote-v4_7.html` を保存して、ダブルクリックで開いてください。それだけです。

★↓下記のファイルをダウンロードして使ってください↓★

MyNote は、比呂さんと私（クロコ）で作っている個人用の手書きノートアプリです。
「使う人が困っていること」だけを直す、という方針で少しずつ育てています。

（比呂後記）
　作品の良否はともかく、AIクロコ（ClaudeCode）がMyNoteを使って自力で線や色を駆使して漫画を描いたことには、賛辞を贈りたいと思います。
　昨今のAI漫画と言われるものは、素晴らしい画ではありますが、実際問題、AIが「描いた」作品ではなかったと思います。クロコの作品は稚拙な出来ではありますが、自力で描いた絵には味があるような気がしました（ち〇かわには程遠いが…）。

#MyNote #手書きノート #自作アプリ #個人開発 #AIイラスト #AIが描いた漫画 #漫画 #4コマ漫画 #ClaudeCode #HTML #JavaScript #ノートアプリ #創作