Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
あなたの知らない組版の世界
Search
asuka
October 11, 2024
Technology
140
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
620
2025年ふりかえり
askua
1
250
ライブラリを公開してメンテナンスした一年
askua
0
120
Wasmの気になる最新情報
askua
1
410
Wasmのエコシステムを使った ツール作成方法
askua
0
450
Pure Goで体験するWasmの未来
askua
1
1.1k
Wasmで社内ツールを作って配布しよう
askua
0
340
Wasm元年
askua
0
400
wstdなんだか良さそう
askua
0
160
Other Decks in Technology
See All in Technology
「守り」で活用するオンデバイスLLM 〜写ってはいけないを総力戦で防ぐ〜 / iOSDC Japan 2026
nakamuuu
0
150
synctest時代のhttptest Go 1.27で変わるHTTPサーバテストの裏側 / go conference2026 synctest and httptest
budougumi0617
1
2.8k
20260912_スクフェス三河
kgnkhkr
0
350
銀行勘定系システムにおける開発プロセス刷新×AIによる環境モダナイゼーション / Development Process Transformation and AI-Driven Environment Modernization
muit
0
1.7k
ASTを使って影響範囲を特定する
nealle
0
190
2026-09-09 【sigma_ucj#1】Sigma を IaC 管理したい! / IaC for Sigma
civitaspo
0
130
OpenTelemetry eBPF Instrumentationの舞台裏 / Behind the Scenes of OpenTelemetry eBPF Instrumentation
ymotongpoo
4
1.2k
DEFCON34-Write-up_HYCu-MYCu
daikiokazaki
0
160
アプリログインとWeb認証基盤をつなぐ ASWebAuthenticationSession 作法
shimastripe
1
310
顧客に向き合う開発組織へ。リアーキテクチャとフィーチャーチーム化で挑む組織改革
safie
0
1.4k
AI時代の「技術的負債」の変質ー概念の終焉と再解釈、エージェントと共に向かう先
nwiizo
0
2k
生成AIエージェントを用いた、 手動テスト手順書から自動テストへの 変換手法の検討
magicpod
0
150
Featured
See All Featured
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
540
Speed Design
sergeychernyshev
33
2.1k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
300
The untapped power of vector embeddings
frankvandijk
2
1.9k
Six Lessons from altMBA
skipperchong
29
4.5k
Optimizing for Happiness
mojombo
378
71k
Documentation Writing (for coders)
carmenintech
77
5.5k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
GitHub's CSS Performance
jonrohan
1033
470k
What does AI have to do with Human Rights?
axbom
PRO
1
2.4k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
520
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