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
150
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
640
2025年ふりかえり
askua
1
250
ライブラリを公開してメンテナンスした一年
askua
0
120
Wasmの気になる最新情報
askua
1
420
Wasmのエコシステムを使った ツール作成方法
askua
0
470
Pure Goで体験するWasmの未来
askua
1
1.1k
Wasmで社内ツールを作って配布しよう
askua
0
340
Wasm元年
askua
0
420
wstdなんだか良さそう
askua
0
160
Other Decks in Technology
See All in Technology
AIにシークレットを見せない、WSL2で安全な開発環境
yazm
0
310
ストレスなくAIと付き合いたい!こんなときどうしてる?
namiki64
4
620
QA4AI 2026-Oct 生成AI時代の品質保証
tokuty
1
900
アウトプット初心者、半年間のふりかえり
4o1sobblue
0
450
価値について
gree_tech
PRO
0
110
20261017福岡devIO 「AIは"良いダッシュボード"を作れるか?
jtakeda
0
190
AIがコードを書く時代に、エンジニアは何で自分の価値を証明するのか / In an era where AI writes code how do engineers prove their value
carta_engineering
3
1.1k
会社紹介資料 / Sansan Company Profile
sansan33
PRO
31
430k
実践! SRE × AI - ABEMA における AIOps -
tetsuya28
8
3.1k
V8のArray.prototype.flatを最大約20倍速くするまでと、巨大OSSへの大規模コミットの道のり
riyaamemiya
0
310
専門領域のAIをどう評価するか
bengo4com
2
300
LambdaWebFunctionsを試してみた / exploring-lambda-web-functions
koukihosaka
1
360
Featured
See All Featured
The B2B funnel & how to create a winning content strategy
katarinadahlin
PRO
1
570
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
Making Projects Easy
brettharned
120
6.8k
GraphQLとの向き合い方2022年版
quramy
50
15k
Building the Perfect Custom Keyboard
takai
2
910
The #1 spot is gone: here's how to win anyway
tamaranovitovic
4
1.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
AI: The stuff that nobody shows you
jnunemaker
PRO
10
1.2k
Testing 201, or: Great Expectations
jmmastey
46
8.3k
Context Engineering - Making Every Token Count
addyosmani
9
1.2k
BBQ
matthewcrist
90
10k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
480
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