HTML5 Conference 2015 13:20-14:00@ルームE

1. ウェブ技術で電子の本も
紙の本も作れるように
――ウェブと本の狭間で悩んでみた（1）
2015.1.25 HTML5 Conference 2015
MURAKAMI
村 上
Shinyu
真雄 (Vivliostyle Inc.)

2. 電子の本 =

3. = + + …

4. 紙の本は…

5. 紙の本：まだ出版の世界はこれが主流
• DTPオペレーターとよばれる職人たちが専用の組版ソフト
を使ってページを作ってる
• 紙への印刷結果がよければOKとなりがちで、DTPデータは
あまり論理的でなく再利用しにくい
5

6. 現在主流の電子書籍の作られ方
1. 従来の方法（DTPソフト）で紙の本を作る
2. そのDTPデータからテキストデータを取り出す
3. テキストデータにタグをつけてXHTML形式にする
4. そのXHTMLファイルやCSSやメタデータなどをパッケージ
にしてEPUB電子書籍に
6

7. ウェブ技術があまり活かされてない！
• あまりセマンティックじゃないマークアップ：
既存の本の内容を、構造や意味を考えないでHTML化する
ために、というもの
• 紙の本を作って、そのあと別の方法で電子書籍を作るので
作業が倍に。電子書籍化に時間がかかる。紙の本と電子書
籍でマスターデータが別々なので、内容の修正を両方に反
映させるのがめんどうで、間違いが生じやすい
7

8. ウェブ技術で、
次世代電子出版へ！

9. ワンソース・マルチユースの出版
ワンソース： HTMLとか
マルチユース：出力媒体
ごとに最適なスタイルに
ソースを変更すると、自動で全出力形式に変更が反映
米オライリー社など、この方式。HTML5で本の内容を記述
するセマンティックなマークアップ。
9

10. 問題は Print（紙の本、PDF）
• 専用の自動組版ソフト（TeX、その他）を使う方法
• ソース形式（HTMLなど）から変換処理が必要
• ウェブやEPUBのスタイル（CSS）とは違う組版ソフト
特有のスタイルの指定が必要
（ちょっとハードル高い）
• そこで、…
10

11. CSS 組版

12. CSS3 Paged Media などの仕様あります
• これにより HTML+CSS だけで紙の本のページが作成可能
• これを実装した商用組版エンジンが、米オライリー社やア
シェット社の書籍制作システムで使われていて、電子書籍
と紙の本が同時にできてる。
• W3C での関連活動：
• W3C 電子出版IGで本のページのレイアウトの要件
• CSS Page 関連仕様の見直しが進められてる。
• CSSでのレイアウト処理を拡張できる API を定義する
CSS Houdini Task Force
12

13. Vivliostyle オープンソース・プロジェクト 始動
https://github.com/vivliostyle
• Web ブラウザの組版をもっと良くして、電子
出版と印刷出版の共通の組版エンジンに
• CSS 組版機能を JavaScript で実装 ＝
Vivliostyle.js
• 印刷に使える高品質な PDF 出力を実現
• CSS 組版関連仕様の W3C 標準化と連携して実装を推進
13

14. 表現したい人が自由に
表現できるように
読みたい人が自由に読めるよう
アクセシブルに

15. Web でも本でも

16. ウェブと本の狭間で悩んでみた
（2）と（3）へ
そして EPUBWEB へ♪