Slide 1
Slide 1 text
技術書典５でチャレンジしたあれこれ
2018.10.08 @at_grandpa
技術書典５非公式アフター
Slide 2
Slide 2 text
@at_grandpa
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
お疲れ様でした！！！
おつかれさまー
Slide 5
Slide 5 text
✔ 初参加の方！
✔ ベテランの方！
Slide 6
Slide 6 text
今日はどうでしたか？
Slide 7
Slide 7 text
✔ 売れた！
✔ 買えた！
✔ 会えた！
✔ 疲れた！
Slide 8
Slide 8 text
うれしかったこと
Slide 9
Slide 9 text
「前回の本がおもしろかったので
買いにきました！」
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
✔また参加したい！
技術書典
Slide 12
Slide 12 text
技術書典の合言葉
Slide 13
Slide 13 text
技術書典の合言葉
「何事も早めに」！
Slide 14
Slide 14 text
技術書典６のリポジトリ作成
Slide 15
Slide 15 text
技術書典５でチャレンジしたあれこれ
技術書典５非公式アフター
Slide 16
Slide 16 text
✔ 締切駆動開発の活用
✔ Re:VIEW+CSS組版
✔ ワンオペ
✔ 印刷部数計算
Slide 17
Slide 17 text
締切駆動開発の活用
✔ 通常の勉強より効果的！
- 「締切」という強制
- 教えられるレベルの言語化
- 網羅性
Slide 18
Slide 18 text
締切駆動開発の活用
✔ 通常の勉強より効果的！
- 「締切」という強制
- 教えられるレベルの言語化
- 網羅性
毎回、「単語は知っているが
深くまでハッキリと理解できていない」
という分野を選んでます
Slide 19
Slide 19 text
締切駆動開発の活用
✔ 通常の勉強より効果的！
- 「締切」という強制
- 教えられるレベルの言語化
- 網羅性
毎回、「単語は知っているが
深くまでハッキリと理解できていない」
という分野を選んでます
学習効果絶大！
Slide 20
Slide 20 text
Re:VIEW+CSS組版
まずは LaTeX 版を見てみましょう
Slide 21
Slide 21 text
LaTeX 版（技術書典４）
Slide 22
Slide 22 text
問題集っぽくない！
Slide 23
Slide 23 text
こういうことしたい
Chapter1
におうコードの問題集 におうコードの問題集
ここが重要！
問題１
コラム
● コラム ●
class MyClass
def initialize(@name, @age)
end
def hello
puts "hello"
end
end
▶ sample.cr
Slide 24
Slide 24 text
こういうことしたい
Chapter1
におうコードの問題集 におうコードの問題集
ここが重要！
問題１
コラム
● コラム ●
class MyClass
def initialize(@name, @age)
end
def hello
puts "hello"
end
end
▶ sample.cr
いい感じの色をつけたい
Slide 25
Slide 25 text
こういうことしたい
Chapter1
におうコードの問題集 におうコードの問題集
ここが重要！
問題１
コラム
● コラム ●
class MyClass
def initialize(@name, @age)
end
def hello
puts "hello"
end
end
▶ sample.cr
いい感じの色をつけたい
見出しをカッコよくしたい
Slide 26
Slide 26 text
こういうことしたい
Chapter1
におうコードの問題集 におうコードの問題集
ここが重要！
問題１
コラム
● コラム ●
class MyClass
def initialize(@name, @age)
end
def hello
puts "hello"
end
end
▶ sample.cr
いい感じの色をつけたい
見出しをカッコよくしたい
問題集っぽくしたい
Slide 27
Slide 27 text
こういうことしたい
Chapter1
におうコードの問題集 におうコードの問題集
ここが重要！
問題１
コラム
● コラム ●
class MyClass
def initialize(@name, @age)
end
def hello
puts "hello"
end
end
▶ sample.cr
いい感じの色をつけたい
見出しをカッコよくしたい
問題集っぽくしたい
箇条書きの
アイコンを
いい感じに
したい
Slide 28
Slide 28 text
こういうことしたい
Chapter1
におうコードの問題集 におうコードの問題集
ここが重要！
問題１
コラム
● コラム ●
class MyClass
def initialize(@name, @age)
end
def hello
puts "hello"
end
end
▶ sample.cr
いい感じの色をつけたい
見出しをカッコよくしたい
問題集っぽくしたい
箇条書きの
アイコンを
いい感じに
したい
コラムとかも楽しげにしたい
Slide 29
Slide 29 text
こういうことしたい
Chapter1
におうコードの問題集 におうコードの問題集
ここが重要！
問題１
コラム
● コラム ●
class MyClass
def initialize(@name, @age)
end
def hello
puts "hello"
end
end
▶ sample.cr
いい感じの色をつけたい
見出しをカッコよくしたい
問題集っぽくしたい
箇条書きの
アイコンを
いい感じに
したい
コラムとかも楽しげにしたい
コードも綺麗に表示したい
Slide 30
Slide 30 text
とにかくいい感じにしたい
Slide 31
Slide 31 text
そこで
Slide 32
Slide 32 text
Re:VIEW + CSS組版
Slide 33
Slide 33 text
Re:VIEW + CSS組版
✔ Re:VIEWのいいとこそのまま
- github管理できる
- textlintなどの校正ツールを使える
- ciを回せる
✔ CSSの自由度で組版
- Webレイアウトのように組版
- Chrome Dev Tools で微調整
Slide 34
Slide 34 text
実際はこうなりました
Slide 35
Slide 35 text
Re:VIEW+CSS組版（技術書典５）
Slide 36
Slide 36 text
が！
Slide 37
Slide 37 text
Re:VIEW + CSS組版
✔ 「全ていい感じ」ではない
- 目次が微妙にズレる
- 目次のリンクが飛ばない
- ブラウザ確認とPDFのデザインがズレる
- 結果、ruby の nokogiri を通して解決
Slide 38
Slide 38 text
No content
Slide 39
Slide 39 text
✔ 登場人物が多い
- Re:VIEW
- CSS
- Vivliostyle
- puppeteer
- docker
✔ 原因特定が難しい
✔ ビルドが遅い
- ２分くらい
- 「明日入稿だっつーの！」
Slide 40
Slide 40 text
技術書典６に向けて
なんとかしていきたい
やっていき！
ヘイ！
Slide 41
Slide 41 text
ワンオペ
死
Slide 42
Slide 42 text
ワンオペ
✔ トイレ
- 死
- お隣さんに声をかけてクリア
- １回だけ
✔ 17:00以降に疲れが...
- 頒布中は楽しい
- 片付け時はもう体力ゼロ
来年は避けたい
Slide 43
Slide 43 text
印刷部数計算
毎回議題に挙がるアレ
Slide 44
Slide 44 text
今回計算した方法
本の値段 × 被チェック数 = 予想売上
予想売上で印刷できる部数 = 今回の印刷部数
Slide 45
Slide 45 text
今回計算した方法
本の値段 × 被チェック数 = 予想売上
予想売上で印刷できる部数 = 今回の印刷部数
具体例↓
1,500円 × 92 = 138,000円
138,000で印刷できる部数 = 300部
※ ねこのしっぽさんの場合
※ 10/02時点の被チェック数
Slide 46
Slide 46 text
今回計算した方法
✔ 爆死はしないはず
- 被チェック数は必ず伸びる
- 上振れ下振れしてもこの冊数は行くだろう
- その金額をコスト上限とする
✔ 意外と強気の数字
- 「300」という数字
- 爆死はしないはずだからいいか！
Slide 47
Slide 47 text
今回計算した方法
結果
Slide 48
Slide 48 text
今回計算した方法
結果
既刊： 86/86
新刊： 231/300
合計： 317/386 = 82%
爆死はせず、新刊はみなさんの手に渡る
Slide 49
Slide 49 text
まとめ
✔ 締切駆動開発の活用
- 効果絶大！
✔ Re:VIEW+CSS組版
- もっと簡単にできないかなぁ
✔ ワンオペ
- 死
✔ 印刷部数計算
- いい感じにできた
- が、まだまだ変数は多いのでわからない
Slide 50
Slide 50 text
技術書典6で会いましょう