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
Vivliostyleの公式テーマをカスタマイズして、ゆめみ大技林 '22のテーマを作った
Search
macneko-ayu
December 18, 2022
Technology
0
3k
Vivliostyleの公式テーマをカスタマイズして、ゆめみ大技林 '22のテーマを作った
2022/12/18に開催された2022年12月-Vivliostyle開発者会議で登壇した際の資料。
https://vivliostyle.connpass.com/event/269454/
macneko-ayu
December 18, 2022
Tweet
Share
More Decks by macneko-ayu
See All by macneko-ayu
ゆめみ大技林について
macnekoayu
0
330
ゆめみ大技林を支える本作りの技術
macnekoayu
0
230
AutomatorでFFmpegを呼び出して動画ファイルをGIFに変換するフォルダアクションを作った
macnekoayu
1
4.7k
設計を知るための第一歩を踏み出そう
macnekoayu
2
5k
20190518-3dcg-meetup-slide.pdf
macnekoayu
0
10k
Azure Reposについて
macnekoayu
0
430
バージョン管理システムの概要と使い方
macnekoayu
0
860
横田流進行管理術 〜 なんとなく進行管理から楽しい進行管理へ
macnekoayu
1
590
AppleScriptの概要と使い方
macnekoayu
2
1.7k
Other Decks in Technology
See All in Technology
Lazy application authentication with Tailscale
bluehatbrit
0
120
Understanding_Thread_Tuning_for_Inference_Servers_of_Deep_Models.pdf
lycorptech_jp
PRO
0
150
AI導入の理想と現実~コストと浸透〜
oprstchn
0
160
生成AI開発案件におけるClineの業務活用事例とTips
shinya337
0
190
より良いプロダクトの開発を目指して - 情報を中心としたプロダクト開発 #phpcon #phpcon2025
bengo4com
1
3.2k
mrubyと micro-ROSが繋ぐロボットの世界
kishima
2
380
KubeCon + CloudNativeCon Japan 2025 に行ってきた! & containerd の新機能紹介
honahuku
0
120
OPENLOGI Company Profile
hr01
0
67k
Connect 100+を支える技術
kanyamaguc
0
160
GeminiとNotebookLMによる金融実務の業務革新
abenben
0
250
Flutter向けPDFビューア、pdfrxのpdfium WASM対応について
espresso3389
0
110
Tech-Verse 2025 Global CTO Session
lycorptech_jp
PRO
0
1.2k
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
It's Worth the Effort
3n
185
28k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Code Review Best Practice
trishagee
69
18k
How to Ace a Technical Interview
jacobian
277
23k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Transcript
Vivliostyle '22 2022 12 -Vivliostyle 2022/12/18 macneko_ayu
Twitter: @macneko_ayu iOS iOS DTP PEAKS iOS 3
22
Zenn Vivliostyle '22
22
22 iOS 13 Vivliostyle 22 https://techbookfest.org/product/ 9 g 7 iLPz
8 dzmL 2 QrrbedbxG?productVariantID=gfsBNShXyWyxHiubY 2 f 1 m 7
None
1 C Markdown CSS
tech-book B 5 A 5 etc.
A 5
_variables.scss A 5
_variables.scss InDesign CSS
_variables.scss
_media.scss _counter.scss
_base.scss 0.2em
pre CSS https://lab.syncer.jp/Web/CSS/Snippet/ 1 1 / URL FIX
1 C 1C PDF 1C _variables.scss
1 C _variables.scss _variables.scss if $print-mode 1C 4C
1 C
Markdown Markdown _base.scss CSS https://vivliostyle.org/ja/tutorials/con fi gure-page-text/ #%E 3 %
83 % 9 A%E 3 % 83 %BC%E 3 % 82 %B 8 %E 3 % 8 1 %AE %E 5 %A 7 % 8 B%E 3 % 81 %BE%E 3 % 82 % 8 B%E 5 % 81 %B 4
Markdown
Vivliostyle Vol. 5 https://docs.vivliostyle.org/#/ja/create- book#%E 5 %A 5 %A 5
%E 4 %BB% 98 %E 3 % 8 1 %AE%E 8 %BF%BD%E 5 % 8 A%A 0 Vivliostyle Vol. 5 https://vivliostyle.org/ja/samples/ #:~:text=Vivliostyle% 2 0 %E 3 % 81 %A 7 %E 6 % 9 C%AC%E 3 % 8 2 % 9 2 %E 4 %BD% 9 C%E 3 % 8 2 % 8 D%E 3 % 81 % 86 % 2 0 Vol. 5
Markdown
_theme_common.scss
CSS Vivliostyle: PDF CSS https://zenn.dev/sky_y/articles/markdown- advent- 2 0 20 -
vivliostyle 4 #%E 3 % 8 3 % 86 %E 3 % 8 3 %BC%E 3 % 8 3 % 9 E% E 3 % 82 % 92 %E 3 % 82 %B 3 %E 3 % 83 % 9 4 %E 3 % 8 3 %BC%E 3 % 8 1 % 9 7 %E 3 % 81 %A 6 css%E 3 % 8 2 % 92 %E 8 %BF%BD %E 8 %A 8 % 9 8 %E 3 % 8 1 % 9 9 %E 3 % 8 2 % 8 B
CSS _base.scss CSS Markdown HTML
CSS CSS
https://zenn.dev/macneko/articles/ 06 aec 1 3 8 a 3 57 b
9 #%E 7 %AB%A 0 %E 3 % 82 %BF%E 3 % 8 2 %A 4 %E 3 % 8 3 % 8 8 %E 3 % 8 3 %AB%E 3 % 81 %AB%E 9 %A 3 %BE%E 3 % 82 % 8 A%E 3 % 82 % 92 %E 3 % 81 % 84 %E 3 % 82 % 8 C%E 3 % 8 2 % 8 B
None
Vivliostyle CSS
Class
Vivliostyle Vivliostyle FIX
CSS HTML HTML
None
22 Vivliostyle Vivliostyle
None