Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
あなたの知らない組版の世界
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
asuka
October 11, 2024
Technology
130
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
あなたの知らない組版の世界
モニクルLT大会 (3分)
asuka
October 11, 2024
More Decks by asuka
See All by asuka
GoとSIMDとWasmの今。
askua
3
540
2025年ふりかえり
askua
1
240
ライブラリを公開してメンテナンスした一年
askua
0
96
Wasmの気になる最新情報
askua
1
380
Wasmのエコシステムを使った ツール作成方法
askua
0
400
Pure Goで体験するWasmの未来
askua
1
1.1k
Wasmで社内ツールを作って配布しよう
askua
0
310
Wasm元年
askua
0
370
wstdなんだか良さそう
askua
0
140
Other Decks in Technology
See All in Technology
技術・能力を向上する原理原則 #きのこセッションa #きのこ2026
bash0c7
0
130
時期が悪い!それでもRaspberry Piを買って遊んで活用するには / 20260627-osc26do-rpi-jikigawarui
akkiesoft
0
840
AI 不只幫你寫 Code: 當專案從 300 暴增到 1500, 我們如何撐住 DevOps
appleboy
0
250
AIネイティブな開発のサプライチェーンリスク対策 〜激動の開発現場でリスクに立ち向かう〜【ZennFes】
cscengineer
PRO
2
160
サイバーエージェントにおけるAI推進戦略と変革への取り組み
shotatsuge
0
570
事業会社における 機械学習・推薦システム技術の活用事例と必要な能力 / ml-recsys-in-layerx-wantedly-2026
yuya4
0
160
Agile and AI Redmine Japan 2026
hiranabe
4
490
10年間のブログ発信を振り返って見えたWebアプリケーションエンジニアとしての軌跡
stefafafan
0
190
アラート調査向けAIエージェントの本番導入とその後/AI Agents for Alert Investigation: Production Deployment and After
taddy_919
0
160
AIが自律的に回る開発ループを設計してチーム開発に組み込む
nekorush14
0
130
Deep Data Security 機能解説
oracle4engineer
PRO
2
160
40代で“やっとエンジニアになれた”――閉じた学びを開き、空の青さを知る / 20260628 Naoki Takahashi
shift_evolve
PRO
4
890
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
77
5.4k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
1.1k
How GitHub (no longer) Works
holman
316
150k
Measuring Dark Social's Impact On Conversion and Attribution
stephenakadiri
2
220
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.3k
Leo the Paperboy
mayatellez
7
1.9k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
2
400
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
870
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
330
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
400
Bash Introduction
62gerente
615
220k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.4k
Transcript
あなたの知らない 組版の世界 2024.10.11 社内LT大会
組版といえば,
LaTeX
組版といえば,LaTeX 4 メリット • 業界標準の組版(諸説あり) • 日本語組版処理の要件に準拠したテンプレート ◦ 使うだけで結構良い感じ •
美しい数式,美しいPDF • シンタックスハイライトのサポート(GitHub) • 長い歴史(Since 1984) デメリット • 環境構築が面倒 • 2回ビルドする必要がある(おまじない) • 長い歴史(Since 1984) • 謎の拡張子.tex • テンプレートの編集が面倒
組版といえば,LaTeX 5 メリット • 業界標準の組版(諸説あり) • 日本語組版処理の要件に準拠したテンプレート ◦ 使うだけで結構良い感じ •
美しい数式,美しいPDF • シンタックスハイライトのサポート(GitHub) • 長い歴史(Since 1984) デメリット • 環境構築が面倒 • 2回ビルドする必要がある(おまじない) • 長い歴史(Since 1984) • 謎の拡張子.tex • テンプレートの編集が面倒 知らないとなんで?ってなる
組版といえば,LaTeX 6 メリット • 業界標準の組版(諸説あり) • 日本語組版処理の要件に準拠したテンプレート ◦ 使うだけで結構良い感じ •
美しい数式,美しいPDF • シンタックスハイライトのサポート(GitHub) • 長い歴史(Since 1984) デメリット • 環境構築が面倒 • 2回ビルドする必要がある(おまじない) • 長い歴史(Since 1984) • 謎の拡張子.tex • テンプレートの編集が面倒 知らないとなんで?ってなる 初心者に厳しい
新興の組版たち
• Re:VIEW(Since 2012) ◦ 技術書典などで広く使われている組版 ◦ Rubyで実装されているが,PDFの出力はLaTeXに依存 ◦ ePub形式をサポートしている ◦
Markdownライクな独自構文 • Vivliostyle(Since 2014) ◦ HTML+CSSを用いた組版 ◦ HTMLのほか,Markdownをサポート ◦ テンプレートをCSSで組むことができる • SaTySFi(Since 2018) ◦ 未踏の2017年採択プロジェクト ◦ 関数型組版として,LaTeXの課題に対応 ◦ 独自の関数構文 新興の組版たち 8
• Re:VIEW(Since 2012) ◦ 技術書典などで広く使われている組版 ◦ Rubyで実装されているが,PDFの出力はLaTeXに依存 ◦ ePub形式をサポートしている ◦
Markdownライクな独自構文 • Vivliostyle(Since 2014) ◦ HTML+CSSを用いた組版 ◦ HTMLのほか,Markdownをサポート ◦ テンプレートをCSSで組むことができる • SaTySFi(Since 2018) ◦ 未踏の2017年採択プロジェクト ◦ 関数型組版として,LaTeXの課題に対応 ◦ 独自の関数構文 新興の組版たち 9 モニクルの同人誌執筆に採用
Vivliostyle
• npm install -g @vivliostyle/cliで始められる • テンプレートをCSSで組める ◦ 独自のレイアウトを追加したい場合HTMLCSSで良い感じにレイアウトを組める ◦
原稿は@vivliostyle/theme-baseをベースにとstyle.cssで細かい調整を行っている ◦ @vivliostyle/theme-baseのように独自テンプレートをnpm上に公開することで,npmパッケージ名を指定するだけでテンプレートを 適用できる(モニクルのテンプレート欲しい) • 原稿をMarkdownで書ける(SWEがドキュメント書くのによく使う書式) • CSS Paged Mediaを使っているようで,ウェブ標準で組まれているっぽい(詳しい人教えて) Vivliostyle 11 編集にウェブの知識を活用できるのが強み
GitHub Actionsも簡単に構築できた 🎉 Vivliostyle 12
出力されるPDFも綺麗 🎉 Vivliostyle 13
環境構築が簡単✨ HTMLCSSMarkdownで本を作れる✨ ビルドされるPDFも綺麗✨ 変な癖がなく体験が良い✨ Vivliostyle 14