2016年度 第2回 W3C 日本会員会議でのVivliostyleの発表資料

1. Web-Based Publishing for Print
Murata and Murakami

2. 今日の発表の構成
 Vivliostyle紹介
 デモ: CSS仕様書とCSS Secrets
 印刷に役立つCSSモジュール
 電書協のEPUB3.0日本語組版要望表
 標準化を急いでほしいCSSモジュール
 CSS関連の最近の話題

3. 印刷の世界と画面の世界を一元化
Vivliostyleの特長
Webブラウザさえあれば使える
HTMLとCSSだけ
オープンソース
https://github.com/vivliostyle/vivliostyle.js
印刷物
スマホPC
タブレット
印刷物も様々な画面も
ひとまとめで扱える

4. 印刷に役立つCSSモジュール
• あまり使われていないがVivliostyleでは使っているW3C仕様
• CSS Paged Media Module Level 3 (WD) https://drafts.csswg.org/css-page/
• CSS Generated Content Module Level 3 (WD) https://drafts.csswg.org/css-
content/
• W3C仕様ではなくIDPF仕様だがVivliostyleでは使っているもの
• IDPF EPUB Adaptive Layout (Informational Document)
http://www.idpf.org/epub/pgt/

5. EPUB 3.0日本語組版要望表
• 日本電子書籍出版社協会が会員出版社へのアンケートを行ってまとめたもの
• http://ebpaj.jp/counsel/youbou
• http://www.ebpaj.jp/images/youbou.pdf
• EPUB実装の問題、ブラウザエンジン実装の問題、EPUB仕様の問題、W3C仕様の問題
が含まれている

6. 足りないとされている機能: 中扉
• 中扉
• ページの中寄せ（縦組み時）
• ページの天地左右中央（縦組み時、横組時の両方）
• 本来、Paged Mediaがちゃんと使われていればCSS Flex Boxで出来るはず。しかし、現
実には、CSS Paged Mediaを使わずにページを作っているEPUB実装が多いため機能し
ない。
• EPUB 3.0.1でも中扉指定を導入したが普及せず。

7. 標準化を急いでほしいもの
• CSS Paged Media Module Level 3 (WD)
• CSS Generated Content Module Level 3 (WD)
• EPUB Adaptive Layout相当品
• CSS Generated Content for Paged Media Module Level 4 (Editor's Draft) https://drafts.csswg.org/css-
gcpm-4/
• CSS Pagination Templates (Editor's Draft) https://drafts.csswg.org/css-page-template-1/
• CSS Ruby (WD) https://drafts.csswg.org/css-ruby-1/

8. その他のCSS最近の話題
• Houdini
• 低レベルAPIを開放し、Javascriptから利用できるようにする。
• CSSスタイルシートだけを書く人のためのものではない
• Vivliostyleのようなものを作る人にはとても役立つ
• 参考: 「CSS Houdini / CSS Working Groupミーティングに参加しました」
http://vivliostyle.com/ja/blog/2015/02/sydney/
• Variable font
• 複数のフォントのようにふるまう単一のフォント (OpenTypeの拡張） http://typographica.org/on-
typography/variable-fonts/
• https://drafts.csswg.org/css-fonts-4/#font-variation-props

9. まとめ
CSSで印刷物は十分に作れる！