Slide 1

Slide 1 text

技術書典5でチャレンジしたあれこれ 2018.10.08 @at_grandpa 技術書典5非公式アフター

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

技術書典6のリポジトリ作成

Slide 15

Slide 15 text

技術書典5でチャレンジしたあれこれ 技術書典5非公式アフター

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 版(技術書典4)

Slide 22

Slide 22 text

問題集っぽくない!

Slide 23

Slide 23 text

こういうことしたい Chapter1 におうコードの問題集 におうコードの問題集 ここが重要! 問題1 コラム ● コラム ● class MyClass def initialize(@name, @age) end def hello puts "hello" end end ▶ sample.cr

Slide 24

Slide 24 text

こういうことしたい Chapter1 におうコードの問題集 におうコードの問題集 ここが重要! 問題1 コラム ● コラム ● class MyClass def initialize(@name, @age) end def hello puts "hello" end end ▶ sample.cr いい感じの色をつけたい

Slide 25

Slide 25 text

こういうことしたい Chapter1 におうコードの問題集 におうコードの問題集 ここが重要! 問題1 コラム ● コラム ● class MyClass def initialize(@name, @age) end def hello puts "hello" end end ▶ sample.cr いい感じの色をつけたい 見出しをカッコよくしたい

Slide 26

Slide 26 text

こういうことしたい Chapter1 におうコードの問題集 におうコードの問題集 ここが重要! 問題1 コラム ● コラム ● class MyClass def initialize(@name, @age) end def hello puts "hello" end end ▶ sample.cr いい感じの色をつけたい 見出しをカッコよくしたい 問題集っぽくしたい

Slide 27

Slide 27 text

こういうことしたい Chapter1 におうコードの問題集 におうコードの問題集 ここが重要! 問題1 コラム ● コラム ● class MyClass def initialize(@name, @age) end def hello puts "hello" end end ▶ sample.cr いい感じの色をつけたい 見出しをカッコよくしたい 問題集っぽくしたい 箇条書きの アイコンを いい感じに したい

Slide 28

Slide 28 text

こういうことしたい Chapter1 におうコードの問題集 におうコードの問題集 ここが重要! 問題1 コラム ● コラム ● class MyClass def initialize(@name, @age) end def hello puts "hello" end end ▶ sample.cr いい感じの色をつけたい 見出しをカッコよくしたい 問題集っぽくしたい 箇条書きの アイコンを いい感じに したい コラムとかも楽しげにしたい

Slide 29

Slide 29 text

こういうことしたい Chapter1 におうコードの問題集 におうコードの問題集 ここが重要! 問題1 コラム ● コラム ● 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組版(技術書典5)

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 ✔ 原因特定が難しい ✔ ビルドが遅い  - 2分くらい  - 「明日入稿だっつーの!」

Slide 40

Slide 40 text

技術書典6に向けて なんとかしていきたい やっていき! ヘイ!

Slide 41

Slide 41 text

ワンオペ 死

Slide 42

Slide 42 text

ワンオペ ✔ トイレ  - 死  - お隣さんに声をかけてクリア  - 1回だけ ✔ 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で会いましょう