Vivliostyleドキュメントへようこそ
Vivliostyleは、Webテクノロジーを使って美しくフォーマットされたドキュメントを作成できる、CSS組版のエコシステムです。
Vivliostyleとは?
Vivliostyleは以下を提供するオープンソースプロジェクトです:
- Vivliostyle Viewer -ブラウザでHTML/CSSドキュメントを表示・ページ分割
- Vivliostyle CLI - HTML/MarkdownからPDF / EPUBを生成するコマンドラインツール
- VFM (Vivliostyle Flavored Markdown) -出版向け拡張Markdown記法
- Vivliostyle Themes -美しいドキュメントのための事前設計テーマ
Vivliostyleビギナーはこちら
活用ガイド
最近追加された機能を、プロダクトを横断して実践的に解説:
- 脚注(フットノート) — DPUB-ARIA脚注、標準
@page { @footnote { } }ルール、VFMの新しいfootnoteモード(v2.41) - CMYK変換 —
device-cmyk()とCLIによるCMYK PDF出力(v2.40) - ページグループ — 名前付きページと
:nth(An+B of C)ページセレクタ(v2.39) - CSS Nestingガイド — Vivliostyle.js v2.42のCSS Nestingと組版疑似要素への応用
Single Source, Multi Output
Vivliostyleの最大のメリットはSSMO(Single Source Multi Output)です:
1つのMarkdownソースから以下を生成できます:
VFM機能デモ
ルビ
智に棹させば流される。意地を通せば窮屈だ。
VFM Markdownソース:
{智|ち}に{棹|さお}させば{流|なが}される。{意地|いじ}を{通|とお}せば{窮屈|きゅうくつ}だ。
脚注
文化庁調査(2022年)1によると、「棹さす」を「流れに乗る」の意味で使う人は23.4%なのに対し、「勢いを止める」は59.4%にのぼる。
VFM Markdownソース:
文化庁調査(2022年)[^1]によると、「棹さす」を「流れに乗る」の意味で使う人は23.4%なのに対し、「勢いを止める」は59.4%にのぼる。
[^1]: [平成24年度「国語に関する世論調査」の結果の概要](https://www.bunka.go.jp/tokei_hakusho_shuppan/tokeichosa/kokugo_yoronchosa/pdf/h24_chosa_kekka.pdf)
Vivliostyle CLI生成物のダウンロード
Vivliostyle CLIにより、このサイトのドキュメント(Markdownソース)からWeb Pub、PDFとEPUBを生成しました(Single Source, Multi Output)。
| プロダクト | Vivliostyle Viewer | EPUB | |
|---|---|---|---|
| Vivliostyle Viewer | WebPub ↗ | EPUB | |
| Vivliostyle CLI | WebPub ↗ | EPUB | |
| VFM | WebPub ↗ | EPUB | |
| Vivliostyle Themes | WebPub ↗ | EPUB | |
| リファレンス | WebPub ↗ | EPUB | |
| 活用ガイド | WebPub ↗ | EPUB |