たくさんあるVivliostyleのプロジェクトの中で、とくに重要なものを抽出することで、Vivliostyle の未来のカギは “Vivliostyle Pub” がにぎっていることを説明します。

1. あしたの Vivliostyle
小形克宏（一社ビブリオスタイル理事）
年 月 日
1

2. 自己紹介
● 一般社団法人ビブリオスタイル理事（業務執行役員）
● 技術以外を担当
● エンジニアではありません
○ 元・文字コードとコンピュータのフリーライター
2

3. Vivliostyleとは？
● 最新Web標準技術により、電子出版や Web 出版のための 新しい組版システムを
作るオープンソース・プロジェクト
● CSS組版を目的としたブラウザのPolyfill（補完するソフトウェア）
○ ブラウザ未対応の 仕様も利用可能にすることで 組版を実現する ライブラリ、及
びそれを利用したプロジェクトの総体
■
■ （ ）
■
3

4. さまざまなVivliostyleのプロジェクト
4作成：

5. キーになるプロジェクト①／Themes
● スタイル情報をパッケージ化する仕様
● Vivliostyle Pub、Create Book（後述）で、スタイルを参照するために使う
● テンプレートとして流用したり、改変もできる
● 現在用意されているテーマ
○ 縦書き書籍
○ スライド
○ 横書きの技術書（脚注 ）
○ 論文・レポート
● →これによりCSSを書かなくともスタイルが定義可能になる
5

6. キーになるプロジェクト②／VFM
● 書籍の執筆に最適化したMarkdown方言の仕様
● 最も普及しているGFM／CommonMarkの上位互換
○ 見出し、リスト、強調等に加え、ルビ、画像サイズ、キャプション、後注等を追加
○ 特集企画： で同人誌を作ろう！ で原稿を書いてみよう
● →これによりHTMLを書くことなく構造を定義可能になる
6
※ とは？→プレーンテキストから へ変換できる簡易記法

7. キーになるプロジェクト③／vivliostyle-cli
● コマンドライン・インターフェイスで利用できるVivliostyle
● Puppeteerを介して Headless Chrome を使う
● 3.0.0-preではVFMに対応
○ ／ では を使用
● cliのメリットは「他のツールと組み合わせて自動処理ができる」こと
7

8. Themes、VFM、cliを組み合わせると、
なにができる？
↓
本作り用のアプリができる
8

9. キーになるプロジェクト④／vivliostyle-pub
● Themes、VFM、vivliostyle-cliをサーバにおいたWebアプリ
○ つまり、ブラウザ上で本作りができる
○ そして、 や を書かずに 組版ができる
● いままでprivateだったが、今年11/15からpublicに変更
○ オープンソースとして利用可能に
● ちなみに、同じコンセプトをオフラインで実現したのがcreate-book
○ スクリプトによって を参照して、 をパースし、 で本を作る
9

10. demo
10

11. 結論：あしたのVivliostyleはどこにある？
● Vvliostyle Pubにある！
● Let's Join Vivliostyle
○ → の招待リンク
● スポンサー募集中♪
○ あなたも のスポンサーになりませんか
11