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
2.9k
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
260
ゆめみ大技林を支える本作りの技術
macnekoayu
0
190
AutomatorでFFmpegを呼び出して動画ファイルをGIFに変換するフォルダアクションを作った
macnekoayu
1
4.6k
設計を知るための第一歩を踏み出そう
macnekoayu
2
4.9k
20190518-3dcg-meetup-slide.pdf
macnekoayu
0
10k
Azure Reposについて
macnekoayu
0
420
バージョン管理システムの概要と使い方
macnekoayu
0
850
横田流進行管理術 〜 なんとなく進行管理から楽しい進行管理へ
macnekoayu
1
560
AppleScriptの概要と使い方
macnekoayu
2
1.7k
Other Decks in Technology
See All in Technology
開発組織のための セキュアコーディング研修の始め方
flatt_security
3
2.4k
エンジニアが加速させるプロダクトディスカバリー 〜最速で価値ある機能を見つける方法〜 / product discovery accelerated by engineers
rince
4
370
現場で役立つAPIデザイン
nagix
33
12k
Platform Engineeringは自由のめまい
nwiizo
4
2.1k
Cloud Spanner 導入で実現した快適な開発と運用について
colopl
1
690
自動テストの世界に、この5年間で起きたこと
autifyhq
10
8.6k
利用終了したドメイン名の最強終活〜観測環境を育てて、分析・供養している件〜 / The Ultimate End-of-Life Preparation for Discontinued Domain Names
nttcom
2
200
JEDAI Meetup! Databricks AI/BI概要
databricksjapan
0
110
RECRUIT TECH CONFERENCE 2025 プレイベント【高橋】
recruitengineers
PRO
0
160
CZII - CryoET Object Identification 参加振り返り・解法共有
tattaka
0
380
技術的負債解消の取り組みと専門チームのお話 #技術的負債_Findy
bengo4com
1
1.3k
PHPで印刷所に入稿できる名札データを作る / Generating Print-Ready Name Tag Data with PHP
tomzoh
0
110
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
511
110k
Rebuilding a faster, lazier Slack
samanthasiow
80
8.8k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Faster Mobile Websites
deanohume
306
31k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
330
Embracing the Ebb and Flow
colly
84
4.6k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Become a Pro
speakerdeck
PRO
26
5.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
30
4.6k
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