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
技術書典5でチャレンジしたあれこれ
Search
at_grandpa
October 08, 2018
Technology
3
1.9k
技術書典5でチャレンジしたあれこれ
技術書典5の非公式アフターで行ったLT資料です。
https://techbook-and-ethanol.connpass.com/event/97154/
at_grandpa
October 08, 2018
Tweet
Share
More Decks by at_grandpa
See All by at_grandpa
CSS組版おもしろい!
atgrandpa
1
310
Rubyを好きになった過程
atgrandpa
3
1.5k
技術同人誌を執筆して得たこと
atgrandpa
3
1.5k
【Crystal】Concurrency
atgrandpa
3
880
【Crystal】Macroについて
atgrandpa
3
1.5k
初のサークル参加で気づいた小さなこと
atgrandpa
0
490
Other Decks in Technology
See All in Technology
【GPT-5本出版記念】npaka による AIの今とこれから と AI時代の生存戦略
npaka
1
210
【iOSDC Japan 2025】ノーコードアプリプラットフォームを支える Server-Driven UI 〜Block UIアーキテクチャの設計と実装〜
eiji127
1
120
そのJavaScript、V8が泣いてます。V8の気持ちを理解して書くパフォーマンス最適化
riyaamemiya
16
6.1k
App Clip 5年史: 萌動と停滞のクロニクル
judau
0
120
そろそろ FormatStyle
treastrain
1
450
データを構造化し、大きな流れを作る ― AI価値最大化のプロダクトマネジメント
sansantech
PRO
1
130
エンジニアが主導できる組織づくり ー 製品と事業を進化させる体制へのシフト
ueokande
1
180
日経が挑戦するデータ民主化 ~ セルフサービス基盤がもたらす利点と苦悩~/nikkei-tech-talk-37
nikkei_engineer_recruiting
0
100
組織規模に応じたPlatform Engineeringの実践
hacomono
PRO
0
240
2025 IEEE MSST: NFS: Genesis
pugs
0
110
Swift6.2時代のconcurrencyを考える会
yuukiw00w
0
250
Claude Code でアプリ開発をオートパイロットにするためのTips集 Zennの場合 / Claude Code Tips in Zenn
wadayusuke
8
4.5k
Featured
See All Featured
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Into the Great Unknown - MozCon
thekraken
40
2k
Rails Girls Zürich Keynote
gr2m
95
14k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Designing Experiences People Love
moore
142
24k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Making Projects Easy
brettharned
118
6.4k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
The Power of CSS Pseudo Elements
geoffreycrofte
78
6k
Transcript
技術書典5でチャレンジしたあれこれ 2018.10.08 @at_grandpa 技術書典5非公式アフター
@at_grandpa
None
お疲れ様でした!!! おつかれさまー
✔ 初参加の方! ✔ ベテランの方!
今日はどうでしたか?
✔ 売れた! ✔ 買えた! ✔ 会えた! ✔ 疲れた!
うれしかったこと
「前回の本がおもしろかったので 買いにきました!」
None
✔また参加したい! 技術書典
技術書典の合言葉
技術書典の合言葉 「何事も早めに」!
技術書典6のリポジトリ作成
技術書典5でチャレンジしたあれこれ 技術書典5非公式アフター
✔ 締切駆動開発の活用 ✔ Re:VIEW+CSS組版 ✔ ワンオペ ✔ 印刷部数計算
締切駆動開発の活用 ✔ 通常の勉強より効果的! - 「締切」という強制 - 教えられるレベルの言語化 - 網羅性
締切駆動開発の活用 ✔ 通常の勉強より効果的! - 「締切」という強制 - 教えられるレベルの言語化 - 網羅性 毎回、「単語は知っているが
深くまでハッキリと理解できていない」 という分野を選んでます
締切駆動開発の活用 ✔ 通常の勉強より効果的! - 「締切」という強制 - 教えられるレベルの言語化 - 網羅性 毎回、「単語は知っているが
深くまでハッキリと理解できていない」 という分野を選んでます 学習効果絶大!
Re:VIEW+CSS組版 まずは LaTeX 版を見てみましょう
LaTeX 版(技術書典4)
問題集っぽくない!
こういうことしたい Chapter1 におうコードの問題集 におうコードの問題集 ここが重要! 問題1 コラム • コラム •
class MyClass def initialize(@name, @age) end def hello puts "hello" end end ▶ sample.cr
こういうことしたい Chapter1 におうコードの問題集 におうコードの問題集 ここが重要! 問題1 コラム • コラム •
class MyClass def initialize(@name, @age) end def hello puts "hello" end end ▶ sample.cr いい感じの色をつけたい
こういうことしたい Chapter1 におうコードの問題集 におうコードの問題集 ここが重要! 問題1 コラム • コラム •
class MyClass def initialize(@name, @age) end def hello puts "hello" end end ▶ sample.cr いい感じの色をつけたい 見出しをカッコよくしたい
こういうことしたい Chapter1 におうコードの問題集 におうコードの問題集 ここが重要! 問題1 コラム • コラム •
class MyClass def initialize(@name, @age) end def hello puts "hello" end end ▶ sample.cr いい感じの色をつけたい 見出しをカッコよくしたい 問題集っぽくしたい
こういうことしたい Chapter1 におうコードの問題集 におうコードの問題集 ここが重要! 問題1 コラム • コラム •
class MyClass def initialize(@name, @age) end def hello puts "hello" end end ▶ sample.cr いい感じの色をつけたい 見出しをカッコよくしたい 問題集っぽくしたい 箇条書きの アイコンを いい感じに したい
こういうことしたい Chapter1 におうコードの問題集 におうコードの問題集 ここが重要! 問題1 コラム • コラム •
class MyClass def initialize(@name, @age) end def hello puts "hello" end end ▶ sample.cr いい感じの色をつけたい 見出しをカッコよくしたい 問題集っぽくしたい 箇条書きの アイコンを いい感じに したい コラムとかも楽しげにしたい
こういうことしたい Chapter1 におうコードの問題集 におうコードの問題集 ここが重要! 問題1 コラム • コラム •
class MyClass def initialize(@name, @age) end def hello puts "hello" end end ▶ sample.cr いい感じの色をつけたい 見出しをカッコよくしたい 問題集っぽくしたい 箇条書きの アイコンを いい感じに したい コラムとかも楽しげにしたい コードも綺麗に表示したい
とにかくいい感じにしたい
そこで
Re:VIEW + CSS組版
Re:VIEW + CSS組版 ✔ Re:VIEWのいいとこそのまま - github管理できる - textlintなどの校正ツールを使える -
ciを回せる ✔ CSSの自由度で組版 - Webレイアウトのように組版 - Chrome Dev Tools で微調整
実際はこうなりました
Re:VIEW+CSS組版(技術書典5)
が!
Re:VIEW + CSS組版 ✔ 「全ていい感じ」ではない - 目次が微妙にズレる - 目次のリンクが飛ばない -
ブラウザ確認とPDFのデザインがズレる - 結果、ruby の nokogiri を通して解決
None
✔ 登場人物が多い - Re:VIEW - CSS - Vivliostyle - puppeteer
- docker ✔ 原因特定が難しい ✔ ビルドが遅い - 2分くらい - 「明日入稿だっつーの!」
技術書典6に向けて なんとかしていきたい やっていき! ヘイ!
ワンオペ 死
ワンオペ ✔ トイレ - 死 - お隣さんに声をかけてクリア - 1回だけ ✔
17:00以降に疲れが... - 頒布中は楽しい - 片付け時はもう体力ゼロ 来年は避けたい
印刷部数計算 毎回議題に挙がるアレ
今回計算した方法 本の値段 × 被チェック数 = 予想売上 予想売上で印刷できる部数 = 今回の印刷部数
今回計算した方法 本の値段 × 被チェック数 = 予想売上 予想売上で印刷できる部数 = 今回の印刷部数 具体例↓
1,500円 × 92 = 138,000円 138,000で印刷できる部数 = 300部 ※ ねこのしっぽさんの場合 ※ 10/02時点の被チェック数
今回計算した方法 ✔ 爆死はしないはず - 被チェック数は必ず伸びる - 上振れ下振れしてもこの冊数は行くだろう - その金額をコスト上限とする ✔
意外と強気の数字 - 「300」という数字 - 爆死はしないはずだからいいか!
今回計算した方法 結果
今回計算した方法 結果 既刊: 86/86 新刊: 231/300 合計: 317/386 = 82%
爆死はせず、新刊はみなさんの手に渡る
まとめ ✔ 締切駆動開発の活用 - 効果絶大! ✔ Re:VIEW+CSS組版 - もっと簡単にできないかなぁ ✔
ワンオペ - 死 ✔ 印刷部数計算 - いい感じにできた - が、まだまだ変数は多いのでわからない
技術書典6で会いましょう