Repository navigation
v0.6.2
Egatari Studio v0.6.2
Egatari 1.0 Working Draft wd-2026-10-28 に従います。
v0.6.2 は、テーマと字体を増やし、ペンの色を見やすくした版です。先生が気づく変更から先に書きます。
先生にとって変わること
1. テーマが 7 つになりました
新しく作る教材で、7 つのテーマから選べます。名前は日本の色の名前で、何に向くかの一言が付きます。
| テーマ | 向くもの |
|---|---|
| 藍(既定) | 研究・講義 |
| 墨 | 報告・提案 |
| 国語 | 国語・和の題材 |
| 常盤 | 理科・自然・学校 |
| 江戸紫 | 研究・一般の講演 |
| 焦茶 | 人文・歴史・地域 |
| 浅葱 | 小学校・広報・案内 |
- どのテーマも、文字と背景の明るさの差と、色覚の違う人にも色が見分けられることを、テストで確かめています。
- 「ビジネス」は新しくは選べなくなりました。ビジネスや提案の資料には「墨」を勧めます。「ビジネス」を使っている教材は、今までどおり組めて再生できます。
- チャットの AI への指示も、場面に合わせてテーマを勧めるようになりました(報告・提案は墨、国語は国語、それ以外は藍)。
2. 字体を選べます
テーマごとに、決まった一覧から字体を選べます。
- 日本語:BIZ UDPゴシック(既定)、BIZ UDP明朝、しっぽり明朝、Zen 丸ゴシック、Klee One
- 英語:Source Sans 3(既定)、Source Serif 4、Andika、Atkinson Hyperlegible Next
- 等幅:Source Code Pro
教材のファイルには、選んだ字体のうち、使っている文字の分だけが入ります。英語の斜体も、斜体を使ったときだけ入ります。どの端末にも入っていない字体を使うと、品質チェックが知らせます。
3. ペンの色が、どのテーマでもはっきり見えます
発表中に書き込むペンの色は、テーマに合わせて変わっていました。テーマによっては、青と黒の見分けがつきにくいことがありました。ペンの色は、テーマによらず次の 3 色に決めました。
- 赤
#FF4B00 - 青
#005AFF - 黒
赤と青は、カラーユニバーサルデザインの色です。再生器 Egatari Player は 1.0.2 になりました。前の版で作ったファイルは、そのファイルのプレーヤーのまま再生されます。
4. 図の中の字の重なりを、品質チェックが知らせます
図(SVG)の中で、字と字が重なっていると警告が出ます。どの字とどの字が重なっているかと、直し方の一言が出ます。直し方は、図の作り方(m-flow、m-quad、ほかのパーツ、手で書いた SVG)に合わせて変わります。わざと重ねている字は、data-overlap="ok" を付ければ警告が出ません。
5. 最初の画面
「新規作成…」のボタンと、その下の説明を、題やファイルを置く欄と同じく中央にそろえました。
技術的なこと
- 形式:Egatari 1.0(Working Draft wd-2026-10-28)。v0.6.1 と同じ。
- プレーヤー:Egatari Player 1.0.2(patch。
kit/player.lock.json)。ペンの色だけが変わる。 - テーマ:一覧は
kit/core/themes-list.mjs。見出し・表紙・結論の行の形は決まった CSS の断片(kit/core/theme-shapes.mjs)で、theme.jsonのlookに記録する。新しいテーマは 1.0.0。 - 字体:一覧は
FONT_LIST(kit/core/build-core.mjs)。テーマはtheme.jsonのfontsで選ぶ。オフラインの編集アプリは既定の 2 つだけを持つ。品質チェックfontNotEmbeddedを追加。 - 品質チェック:SVG の字どうしの重なり(
kit/core/layout-scan.mjs)。字の形が占める範囲だけを比べる。 - チャットの AI への指示:指示の版は
ecca7b6f。 - Colab:ノートブックは v0.6.2 を取得する(
COLAB.ref)。 - 配布物:サンプルの Egatari ファイルと、編集アプリの凍結した写し
editor-site-v0.6.2.tar.gz。写しは/v0.6.2/で配られ、下の sha256 で照らされる。 - 全部の変更は CHANGELOG.md(下に同じ節を載せる)。
Egatari Studio v0.6.2
Follows Egatari 1.0 Working Draft wd-2026-10-28.
v0.6.2 adds themes and fonts and makes the pen colours easy to see. Changes teachers will notice come first.
What changes for teachers
1. Seven themes
New lessons can use one of seven themes. Each has a Japanese colour name and a short note on what it suits.
| Theme | Suits |
|---|---|
| Indigo 藍 (default) | Research and classes |
| Ink 墨 | Reports and proposals |
| Kokugo 国語 | Japanese language arts |
| Evergreen 常盤 | Science, nature and schools |
| Edo purple 江戸紫 | Research and public talks |
| Dark brown 焦茶 | Humanities, history and local studies |
| Teal 浅葱 | Primary schools, publicity and guides |
- Tests check every theme for text contrast and for colours that stay distinct under different colour vision.
- "Business" can no longer be chosen for new lessons; use Ink for business and pitch decks. Lessons that use Business still build and play as before.
- The instructions for the chat AI suggest a theme by situation (Ink for reports and proposals, Kokugo for Japanese language arts, Indigo otherwise).
2. Choosing fonts
A theme can choose fonts from a fixed list.
- Japanese: BIZ UDPGothic (default), BIZ UDPMincho, Shippori Mincho, Zen Maru Gothic, Klee One
- English: Source Sans 3 (default), Source Serif 4, Andika, Atkinson Hyperlegible Next
- Monospace: Source Code Pro
A lesson file carries only the chosen fonts, and only for the characters it uses. English italics go in only when the lesson uses italics. The quality check reports text in a font that no device is sure to have.
3. Pen colours that show on every theme
The pens for drawing during a talk took their colours from the theme, and on some themes Blue and Black were hard to tell apart. The pens are now the same three colours on every theme:
- Red
#FF4B00 - Blue
#005AFF - Black
The red and blue come from the Colour Universal Design set. The bundled player is now Egatari Player 1.0.2. Files from earlier versions keep their own player.
4. The quality check finds overlapping text in figures
When text inside a figure (SVG) overlaps other text, the quality check warns. It names both texts and suggests a fix that depends on how the figure was made (m-flow, m-quad, another part, or hand-written SVG). Text that is layered on purpose can opt out with data-overlap="ok".
5. Start screen
The New… button and the hint under it are centred, like the title and the drop area.
Technical notes
- Format: Egatari 1.0 (Working Draft wd-2026-10-28), as in v0.6.1.
- Player: Egatari Player 1.0.2 (patch;
kit/player.lock.json). Only the pen colours change. - Themes: the list is
kit/core/themes-list.mjs. Heading, cover and conclusion-line shapes are fixed CSS snippets (kit/core/theme-shapes.mjs) recorded intheme.jsonlook. The new themes are 1.0.0. - Fonts: the list is
FONT_LIST(kit/core/build-core.mjs); a theme chooses withtheme.jsonfonts. The offline editor carries only the two defaults. New quality checkfontNotEmbedded. - Quality check: overlapping SVG text (
kit/core/layout-scan.mjs), comparing only the glyphs' ink. - Instructions for the chat AI: pack version
ecca7b6f. - Colab: the notebook fetches v0.6.2 (
COLAB.ref). - Assets: the example Egatari files, and
editor-site-v0.6.2.tar.gz, a frozen copy of the editor served at/v0.6.2/and checked against the sha256 below. - The full list is in CHANGELOG.md (the same section follows).
CHANGELOG [0.6.2]
[0.6.2] - 2026-10-30
Added
- Fonts a lesson can choose (backlog #133): a fixed list of OFL fonts from
@fontsource(FONT_LISTinkit/core/build-core.mjs). Japanese: BIZ UDPGothic (default), BIZ UDPMincho, Shippori Mincho, Zen Maru Gothic, Klee One. English: Source Sans 3 (default), Source Serif 4, Andika, Atkinson Hyperlegible Next. Monospace: Source Code Pro.
Only the fonts a lesson chooses go into its file, subset to the files with the characters it uses. A theme chooses them withtheme.jsonfonts({"body": …, "heading": …}), or a theme or the slides name them in CSS. The offline editor carries only the two defaults. - English italic: Source Sans 3 italic goes in only for text the lesson sets in italic (
em,i,cite,font-style: italic, a part that draws italic text). 700 italic goes in only for italic inside bold, and each face only for the files with those characters. A lesson without italics does not grow; examples/tmlr2026-calibration grows by 21.4 KB (one 400-italic latin file). In Japanese lessons only Latin characters count, and Latin text inem,iandciteis set in that italic. - A theme whose body font is a Japanese font from the list (
asagi) embeds BIZ UDPGothic only for characters that font lacks, soasagilessons are no heavier thandefault(minimal 2,106,522 B vs 2,278,049 B). - Quality check
fontNotEmbedded(warning, once per lesson): slide text whose font is neither embedded nor generic, so it looks different on each device. - Seven bundled themes for new lessons (backlog #129), shown by Japanese colour names with a small note on what each suits: 藍 Indigo (
default), 墨 Ink (sumi, new), 国語 Kokugo (kokugo), 常盤 Evergreen (tokiwa, new), 江戸紫 Edo purple (murasaki, new), 焦茶 Dark brown (kogecha, new; base#3D3132, at least ΔE00 23 from the red under every simulated colour vision) and 浅葱 Teal (asagi, new, in Zen Maru Gothic); the new ones are 1.0.0. The list iskit/core/themes-list.mjs; the editor's New… ③ shows the note under the list and Change theme… next to each name.
Their heading, cover and conclusion-line shapes are fixed CSS snippets (kit/core/theme-shapes.mjs), copied intotokens.cssand recorded intheme.jsonlook, so the theme builder (#58) can offer the same shapes. Boxes do not move, and theme CSS is never wrapped in:where(). tools/test-themes.mjs(innpm test): every bundled theme builds a sample lesson with no contrast, divider, font or metrics warning; role colours reach 4.5:1 (also the conclusion line, divider, cover title and the heading on its band);--emphand--termstay ΔE*ab ≥ 35 apart under protan and deutan simulation (Machado 2009) and ΔE00 ≥ 20 for all four vision types; thelooksnippets match. Colour maths inkit/core/color-check.mjs.
Changed
- Player: the pen colours no longer come from the theme (
--emph,--term,--fg). They are fixed: the Colour Universal Design red#FF4B00and blue#005AFFand black#000000, still named Red, Blue and Black (backlog #132). On white they reach 3.4, 5.4 and 21:1 (lines need 3:1), and under simulated colour vision they stay at least ΔE*ab 61 apart; with the theme colours, Blue and Black were ΔE 8 apart insumi.
tools/test-themes.mjschecks the three pens on the ground of every bundled theme. The presenter view sends the new names; points sent with the old names are still accepted. This is Egatari Player 1.0.2. - Egatari Player 1.0.2 (patch; the bundled player that files carry,
playerin the index anddeck-meta): the fixed pen colours above. Files from earlier versions keep their own player. businesscan no longer be chosen for new lessons (editor lists,npm run new, which suggestssumi); it stays bundled, so lessons that name it or recorded its version build and play as before.- Instructions for the AI: the theme advice is per situation (business and pitch decks →
sumi, Japanese language arts →kokugo, otherwisedefault), and the business series pack and its worked example usesumi. Pack versionecca7b6f; the free kokugo single (ja) stays under its 40,960 B cap.
Fixed
- Start screen: the New card now centres its button and the hint under it, like the title, the lead line and the drop card. The hint wraps evenly (no single word or particle left alone on a line) on a phone. The Recent files and Samples lists stay left-aligned.
- Quality check now warns when SVG text overlaps other SVG text, including labels inside one figure whose positions come from the deck data. The warning names both texts and suggests a fix for their context: add
shiftto a reversem-flowedge, move anm-quaditem away from the quadrant name by changing its x/y, change the data in the named component for other components, or change the text’s x/y ortext-anchoror put the axis name beyond the axis end for hand-written SVG. Only the glyphs' ink is compared, so close but separate labels (tick numbers above an axis name) do not warn; empty, hidden or unpainted text, whitespace gaps, the same label drawn twice at the same place, and labels already reported for leaving their box do not count; intentionally layered text can usedata-overlap="ok"on the SVG<text>or an ancestor<g>to opt out of this check alone (data-clipis also respected).
editor-site-v0.6.2.tar.gz sha256: 23b6c6db493abb3c417d1aca9c97ee88059cc5859d95d0b3c5e3a9d1c378f914