TeX の後継として、
HTML5 & CSS 組版
〜Vivliostyle プロジェクト

TeX の後継として、
HTML5 & CSS 組版
〜Vivliostyle プロジェクト

2014-11-08 #texconf14
村上 真雄 (@MurakamiShinyu)

はじめに　自己紹介

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

CSS組版＝HTML(またはXML)+CSSで組版

組版とは、印刷の一工程で、文字や図版などの要素を配置し、紙面を構成すること。……
画面上での編集を前提とした WYSIWYG の DTP に対し本来の組版に近い処理をソフトウェア的に行うものにTeXがある。

CSS 組版は TeX 組版と似てるかも

• 論理的文書マークアップ: HTML vs LaTeX
• スタイルシート(CSS) vs スタイルファイル(TeX)

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、紙の本をワンソースで同時に制作
• Hachette社やO'Reilly Mediaはそれで成功している

CSS組版と関係あるXML組版のこと

• 文書の論理的構造化
• 文書構造とスタイルの分離の考え
• SGML→XML→(X)HTML5の流れ
• SGML+DSSSL組版　（ほぼ過去のもの）
• XML+XSL-FO組版
  • XSL-FO組版エンジンは Apache FOP、RenderX XEP、Antenna House Formatter など
  • ちなみに、O'Reilly MediaはCSS組版を採用する前はこれを使っていた。
• XML+CSS組版

CSS組版エンジンの例

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

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

HTML5 & CSS3 で高度なレイアウト

• 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

日本語組版も！　W3C技術ノート
『日本語組版処理の要件』(JLREQ)

• JIS X 4051「日本語文書の組版方法」をベースに、W3C仕様で参照できるように英語と日本語で公開
  • W3Cのi18n (Internationalization)活動
• 紙の書籍版（東京電機大学出版局）は、CSS組版で作られました（AHF使用）。

日本語EPUBの必要性で、標準化が進む

• HTML5 Ruby / CSS Writing Modes / Text / Text Decoration
• EPUB 3.0 (2011年10月に勧告) に採用
  • CSS Writing Modesなど、この時点でW3Cドラフトだったものは -epub-writing-modeなどプレフィックス付き
• WebKitなどWebブラウザエンジンでの実装も進む
  • 各社のEPUBリーダーに
• 組版品質は、これからもっと良くなるはず
  • ルビの配置の調整(CSS Ruby)、行グリッド配置(CSS Line Grid)、図版の配置など

Vivliostyle オープンソース・プロジェクト

• Webブラウザの組版をもっと良くして電子出版と印刷出版の共通の組版エンジンに
• CSS組版機能をJavaScriptでも実装(Polyfill)
• 印刷に使える高品質なPDF出力を実現
• W3C CSS組版関連仕様の標準化と連携して実装を推進

Vivliostyle で作ろうとしてるもの

• Vivliostyle Formatter
  • 次世代CSS組版エンジン。構造化文書（HTML/XML/EPUB等）をCSSで組版して高品質なPDFを生成
• Vivliostyle Browser
  • Webブラウザ拡張。WebやEPUBの組版をもっと良くしてページ表示と印刷機能を拡張
• Vivliostyle JS
  • JavaScriptライブラリ。Webサイトに埋め込みWebコンテンツやEPUBの高品質な組版表示を可能に

関連・参考オープンソースプロジェクト

• BookJS
• wkhtmltopdf
• PhantomJS
• CSSRegions.js
• Adaptive Layout
• BiB/i
• Readium
• 各Webブラウザエンジン：WebKit/Blink/Geckoなど
• Qt

Vivliostyle をどうぞよろしく

• Vivliostyle Inc. http://vivliostyle.com/
• 株式会社ビブリオスタイル http://vivliostyle.co.jp/
• Facebookページ: Vivliostyle Inc.
• Facebook公開グループ: Vivliostyle Forum

Thanks TeX, and Good-bye!