フロントエンドフレームワークのAstroとCSS組版ライブラリのVivliostyleを組み合わせて、Webページと出版物の制作を同時に実現するための方法について紹介しています。本書では、AstroとVivliostyleを組み合わせたプロジェクトテンプレートやその解説、Astroによる基本的なWebサイトの実装方法やAstro ContentによるMarkdown原稿の追加方法、Vivliostyle Theme/CSSを使ったWebページや出版物へのスタイリング方法について紹介しています。

電子版について

本書の制作に使用したファイルやソースコードは、本文データやCSSファイルなども含めて、GitHubの https://github.com/spring-raining/vivliostyle リポジトリにオープンソースとして公開しています。「電子+紙」を購入される方は、実物の本と見比べて紙面デザインや実装の参考にしてください。
また、「電子版」を購入される際は、本書の内容が実質的に無料公開されていることをご理解いただいた上でご購入ください。
（電子版はPDFとEPUBを含むZIP形式でダウンロードできます）

目次

1. まえがき
2. Webと出版物のハイブリッド開発とは？
3. Node.js/npmを使った開発とファイル構成
4. 原稿を書く
5. 出版物として出力する
6. CSSでデザインする
7. あとがき

Vivliostyleは、Webページのレイアウトに用いられるCSSの技術で紙のページのレイアウトができる、CSS組版のためのOSSのプロジェクトです。
新しくリニューアルされたVivliostyle Themeは、これまでCSSを書くことが難しかったユーザーでも簡単にスタイルを拡張できることを目標にして作られました。この本では、新しいVivliostyle Themesを活用する方法を実例を交えて紹介しています。

これまでVivliostyleに対してスタイルのカスタマイズが難しい……と感じていた人にこそ読んでもらいたい1冊です！

電子版について

本書の制作に使用したファイルやソースコードは、本文データやCSSファイルなども含めて、GitHubの https://github.com/spring-raining/vivliostyle リポジトリにオープンソースとして公開しています。「電子+紙」を購入される方は、実物の本と見比べて紙面デザインや実装の参考にしてください。
また、「電子版」を購入される際は、本書の内容が実質的に無料公開されていることをご理解いただいた上でご購入ください。
（電子版はPDF形式でダウンロードできます）

目次

1. はじめに
2. Gridレイアウトを使ったページレイアウト
3. Vivliostyle Theme: vs-theme-photo-book
4. Photo bookテーマ使用例
5. EPUB Adaptive Layoutを使った雑誌風レイアウト
6. Vivliostyle Theme: vs-theme-eal-magazine
7. EAL Magazineテーマ使用例
8. あとがき