Markdownを活用する（Vol.92掲載）
著者：藤原 由来
本連載では文書の装飾・構造付けを手軽に行える記法であるMarkdownを用いて、さまざまな文書や成果物を作成する方法を紹介します。今回は前回に引き続き、Markdownを用いて書籍を制作できる組版アプリ「Vivliostyle」について解説します。特に、技術同人誌の制作方法と、印刷所へ入稿する際の注意
点について説明します。
シェルスクリプトマガジン Vol.92は以下のリンク先でご購入できます。
図7 書き換えたVivliostyleの設定ファイル
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
module.exports = { title: 'sample-book-kagakunofushigi', author: 'アンリイ・ファブル（大杉栄、伊藤野枝訳）', language: 'ja', size: 'JIS-B5', theme: '@vivliostyle/theme-techbook@^1.0.1', entryContext: './manuscripts', entry: [ 'index.md', '01.md', '02.md', '03.md', '04.md', '05.md', '06.md', '07.md', '08.md', '09.md', 'colophon.md', ], workspaceDir: '.vivliostyle', } |
図8 扉のindex.mdファイル
|
1 2 3 4 |
# 科学の不思議 アンリイ・ファブル（大杉栄、伊藤野枝訳） © 某サークル, 20xx |
図9 奥付のcolophon.mdファイル
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
## 科学の不思議 20xx年x月x日 初版発行 ---------------- - 発行 某サークル - 著者 アンリイ・ファブル - 翻訳 大杉栄、伊藤野枝 - 編集 シェル花子 - 連絡先 foo@example.com - 印刷 サンプル印刷 ---------------- 底本は青空文庫から転載・改変しました。 - ファーブル ジャン・アンリ『科学の不思議』（大杉 栄、伊藤 野枝 訳） © 某サークル, 20xx |
図11 my-theme.cssファイル内のCSSを反映する設定
|
1 2 3 4 |
theme: [ '@vivliostyle/theme-techbook@^1.0.1', 'themes/my-theme.css', ], |
図12 扉と奥付用のCSS
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
/* 扉 */ section#title-page { display: flex; justify-content: center; align-items: center; text-align: center; height: 50vh; margin: 0; } /* 奥付 */ section#colophon { position: relative; float-reference: page; float: bottom; margin-bottom: 0; } |
図13 扉のindex.mdファイルの変更
|
1 2 3 4 5 6 7 8 9 |
<section id="title-page"> # 科学の不思議 アンリイ・ファブル（大杉栄、伊藤野枝訳） © 某サークル, 20xx </section> |
図14 奥付のcolophon.mdファイルの変更
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
<section id="colophon" role="doc-colophon"> ## 科学の不思議 20xx年x月x日 初版発行 ---------------- - 発行 某サークル - 著者 アンリイ・ファブル - 翻訳 大杉栄、伊藤野枝 - 編集 シェル花子 - 連絡先 foo@example.com - 印刷 サンプル印刷 ---------------- 底本は青空文庫から転載・改変しました。 - ファーブル ジャン・アンリ『科学の不思議』（大杉 栄、伊藤 野枝 訳） © 某サークル, 20xx </section> |
図17 目次を自動設定する設定
|
1 2 3 4 5 6 7 8 9 10 11 |
（略） entryContext: './manuscripts', toc: { htmlPath: 'toc.html', title: '目次', }, entry: [ 'index.md', { rel: 'contents' }, '01.md', （略） |