Vivliostyle-CLI の導入をしてみる

表紙を作ろうとしたのですが、Vivliostyleのテンプレートを改変していくのはなかなか手間がかかりそうです。次の書籍を読むと、Vivliostyle-CLIというものを使っており、HTMLとCSSで表紙やチャプタの飾りを作っています。

Web技術で「本」が作れるCSS組版 Vivliostyle入門

• 出版社/メーカー: シーアンドアール研究所
• 発売日: 2023/05/12
• メディア: Kindle版

ひとつひとつ丁寧に説明しているので、テンプレートの膨大なソースを読み解くよりも分かりやすいです。ということで、テンプレートを改変して使うことはあきらめ、Vivliostyle-CLIを使っていきたいと思います。


Vivliostyle-CLIは、 Visual Studio Code の拡張機能です。拡張機能の検索ボックスに「Vivliostyle」と入れるとインストール画面が現れますのでインストールします。





インストールができたら、次にターミナルを開いて、ターミナルから次のコマンドを入力します。

$ npm install -g @vivliostyle/cli

コマンドが成功するとターミナルに次のようなメッセージが表示されます。




これで、Vivliostyle-CLIのインストールは完了です。

次は、Vivliostyle-CLIを使って簡単なドキュメントを作ってみたいと思います。

次のVivliostyleの記事

タグ：技術同人誌 vivliostyle