いろは
宝箱で道具が増えていく、ブラウザで開くだけのペイント。
これは何か
小学校低〜中学年が、説明ゼロで 1 枚描き切れることだけに全振りしたペイントソフトです。 ブラウザで開けばすぐ描けます。インストールもアカウントも要りません。
名前の「いろは」は、ものごとのいろは（＝入門）と 色 の掛詞です。 アイコンはいろはモミジ（7 裂＝いろはにほへと）を虹の 7 色で塗ったもの。
描いた絵はすべてその端末の中に保存されます。どこかへ送られることはありません。
道具は少しずつ増える
起動した直後に道具が 20 個並んでいると、子どもはどれから触ればいいか分かりません。 だからいろはでは、最初は道具を少なく出しておいて、描いているうちに宝箱が現れ、 道具がひとつずつ増えていきます。
説明書を読ませない代わりに、一度に覚えることを 1 つに絞るという考え方です。 増えた瞬間だけ、短い吹き出しがひとつ出ます。このアプリが出す説明はそれだけです。 使っているうちに、自然と操作を覚えている状態を目指しています。
※ この仕組みは現在いったん止めていて、最初からすべての道具が出ています。 道具そのものの整理が先だと判断したためで、仕組み自体は動く状態で残してあります。
いまできること
| 描く | ペン先 5 種（クレヨン / 色えんぴつ / Ｇペン / 筆 / 油絵）× 太さ 5 段階、12 色、消しゴム、塗る（かこみ / しかく / まる）、スポイト |
|---|---|
| 紙をえらぶ | ふつう / わら半紙 / キャンバス。紙の質感は絵の一部なので、書き出す PNG にも入ります |
| 下敷き | 方眼、ビーズ（マス目にしか置けないドット絵モード）、そして写真。目安なので絵には残りません |
| 写真をなぞる | 手元の画像を取り込んで下敷きにできます。指で位置と大きさを決め、濃さは 3 段階。見比べたいときは 1 タップで隠せます |
| 直す | 戻る・進む。作品ごとの履歴が残るので、上書きしてしまっても後から戻せます |
| ためる | 「作品」に一覧。捨てても本当には消えず、いつでも取り戻せます |
| 出す | 「完成！」で PNG に書き出し |
| みんなで | 1 台の画面に複数人で同時に描けるモード |
| 目にやさしく | 画面の明るさを 4 段階で落とせます。絵の色は変わりません |
考えていること
- タッチが母語、マウスが後追い。 ホバーや右クリックに機能を置きません。押す場所は指の大きさ基準です
- 失敗が存在しない。 取り返しのつかない操作を作りません。作品も本当には消えません
- 説明しない。 起動直後にガイドを出しません。触れば分かる形にできないなら、その機能の設計がまだ足りていないと考えます
- 絵はその子のもの。 端末の外へ出しません。名前も年齢も訊きません
まだできないこと
プロトタイプなので、正直に書いておきます。
- 絵は 1 枚単位です。ページをめくる本やマンガはまだ作れません（データの形だけ用意してあります）
- 紙の大きさははがき横の 1 種類だけです。縦長やマンガ原稿はこれからです
- レイヤーはありません
- 作品を他の人に送る仕組みはありません。書き出した PNG を渡してください
- 実機での確認が追いついていない部分があります。手元の環境でうまく動かないときは GitHub の Issue で教えてもらえると助かります
作っている人へ
ソースは MIT ライセンスで公開しています。企画段階では GPL 系も検討しましたが、 学校・先生・他の開発者がためらわずに使えることを優先しました。
TypeScript + Vite。ライブラリを持たない素の Canvas 実装です。サーバーはありません。