イベント「版管理+自動組版」2014/12/06 での発表資料

1. 次世代CSS組版 ～
Vivliostyle プロジェクト
2014-12-06 #hankumi
村上 真雄 (@MurakamiShinyu)
1

2. 自己紹介：村上 真雄, Vivliostyle Inc.
• 1990年ごろ、テキスト整形ツール「XTR」を開発しフリーソフトウェ
アとして公開。
• それがきっかけで、組版とマークアップ言語（SGML～XML/HTML）、
スタイルシート言語（XSL/CSS）に関心を持つ。
• 1999年、XML 自動組版ソフトの開発を、アンテナハウスに企画提
案。AH Formatterとして製品化。XSL-FO実装、V5からCSS組版も。
• W3C CSS仕様とその実装に携わり、その関係で電子書籍フォーマット
EPUB3（縦書き対応）の標準化にも関わった。
• 2014年8月、次世代CSS組版ツールを開発するため、株式会社ビブリオ
スタイルを設立（アンテナハウスが出資）。
2

3. CSS 組版を利用している出版社の例
• 米アシェット社 (Hachette Book Group)
• 米国ベストセラー本の多くがCSS組版
• CSS組版エンジンは Prince
• 制作システムは IGP:Digital Publisher (Infogrid Pacific)
• 米オライリー (O'Reilly Media)
• 技術書の多くがCSS組版
• CSS組版エンジンは Antenna House Formatter
• 制作システムはO'Reilly Atlas
EPUB、PDF、紙の本をワンソースで同時に制作。
3

4. CSS 組版エンジンの例
• Prince (豪YesLogic社)
• Antenna House Formatter (アンテナハウス)
• AH Formatter V6.2 の紹介
• Webブラウザーを組版エンジンとして使う
• BookJS
• デモ（Safariで試せる）
• ヘッドレスWebブラウザ wkhtmltopdf、PhantomJS
• そして Vivliostyle …
4

5. HTML5 & CSS3 が電子出版の基盤に
• EPUB = (X)HTML+CSS+α（メタデータ＆パッケージ化）
• IDPFとW3Cの連携
• W3C Digital Publishing Activity
• CSS 組版仕様の標準化
• CSS Paged Media / GCPM / Pagination
• Digital Publishing・電子出版ニーズが後押し
• W3C は XSL-FO 改訂作業をやめ、CSS に注力
• 将来 EPUB はこれを使うだろう
• CSS Text / Text Decoration / Wrinting Modes / Fonts
• CSS Regions / Exclusions / Shapes / Page Templates
5

6. Web ブラウザで高度なレイアウト
• EPUB Adaptive Layout
• EPUB の高度なページレイアウトの拡張の案（Informational
Document）
• JavaScript での実装あり（デモ）
• 将来 EPUB は W3C で標準化された CSS の機能でこれを実現する
方向
• CSS Regions/Shapes/ Exclusionsなど Adobe Web Platform Teamのデモ
(Safari)
• National Geographic Forest Giant Demo
• Exclusions Recipe Demo
6

7. 「ブラウザを印刷物の組版エンジンに」という方法
• BookJS―― 『ツール・オブ・チェンジ 本の未来
をつくる12の戦略』 で紹介されている
• Webブラウザの CSS 実装では不十分なページの
組版の機能を JavaScript で実現
• ブラウザからPDF出力
• BookJS の欠点：CSS だけでなく、JavaScript を駆
使しないと自由なレイアウトができない、など
7

8. そこで Vivliostyle プロジェクト
• Webブラウザの組版をもっと良くして電子出版と印刷出版の共通の組
版エンジンに
• CSS組版機能を JavaScript でも実装(Polyfill)
（利用者側は JavaScript ではなくCSSで自由なレイアウトを可能に
• 印刷に使える高品質なPDF出力を実現
• W3C CSS組版関連仕様の標準化と連携して実装を推進
8

9. Vivliostyle で作ろうとしてるもの
• Vivliostyle Formatter
• 次世代CSS組版エンジン。構造化文書（HTML/XML/EPUB等）を
CSSで組版して高品質なPDFを生成
• Vivliostyle Browser
• Webブラウザを拡張。Formatter機能を使いやすいGUIで。CSS組版
結果プレビュー表示、CSSスタイル開発のデバッグに便利。
• Vivliostyle JS
• JavaScriptライブラリ。Webに埋め込み高品質な組版表示を可能に
9

10. CSS 組版よくある誤解：HTML 書かなきゃない？
• XML(例:DITA)+CSS でもよい、XSLT 併用可
• 簡易マークアップから自動変換でも
• Re:VIEW、Markdown など
• 原稿形式は LaTeX でも Word でも（変換すれば）
• WYSIWYG の HTML エディターも
• 書籍記述用の HTML マークアップの標準化が鍵か。
→(EPUB)構造意味語彙SSV、HTMLBook(O'Reilly) 的なもの
10

11. CSS 組版で数式は？
• MathML でも TeX 形式でも OK
• CSS 組版エンジン、ブラウザの MathML 実装や MathJax を利用で
きます。
11

12. Vivliostyle へのご支援どうぞよろしく
開発への参加、資金面、そのほか協力したい方、ご連絡ください
• Vivliostyle Inc. http://vivliostyle.com/
• 株式会社ビブリオスタイル http://vivliostyle.co.jp/
• Facebook ページ: Vivliostyle Inc.
• Facebook 公開グループ: Vivliostyle Forum
• GitHub: https://github.com/vivliostyle/
12