技術書典５でチャレンジしたあれこれ

技術書典５の非公式アフターで行ったLT資料です。
https://techbook-and-ethanol.connpass.com/event/97154/

Transcript

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

   View Slide

2. @at_grandpa
   

   View Slide

3. View Slide

4. お疲れ様でした！！！
   おつかれさまー
   

   View Slide

5. ✔ 初参加の方！
   ✔ ベテランの方！
   

   View Slide

6. 今日はどうでしたか？
   

   View Slide

7. ✔ 売れた！
   ✔ 買えた！
   ✔ 会えた！
   ✔ 疲れた！
   

   View Slide

8. うれしかったこと
   

   View Slide

9. 「前回の本がおもしろかったので
   買いにきました！」
   

   View Slide

10. View Slide

11. ✔また参加したい！
    技術書典
    

    View Slide

12. 技術書典の合言葉
    

    View Slide

13. 技術書典の合言葉
    「何事も早めに」！
    

    View Slide

14. 技術書典６のリポジトリ作成
    

    View Slide

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

    View Slide

16. ✔ 締切駆動開発の活用
    ✔ Re:VIEW+CSS組版
    ✔ ワンオペ
    ✔ 印刷部数計算
    

    View Slide

17. 締切駆動開発の活用
    ✔ 通常の勉強より効果的！

    　- 「締切」という強制
    　- 教えられるレベルの言語化
    　- 網羅性
    

    View Slide

18. 締切駆動開発の活用
    ✔ 通常の勉強より効果的！

    　- 「締切」という強制
    　- 教えられるレベルの言語化
    　- 網羅性
    毎回、「単語は知っているが
    深くまでハッキリと理解できていない」
    という分野を選んでます
    

    View Slide

19. 締切駆動開発の活用
    ✔ 通常の勉強より効果的！

    　- 「締切」という強制
    　- 教えられるレベルの言語化
    　- 網羅性
    毎回、「単語は知っているが
    深くまでハッキリと理解できていない」
    という分野を選んでます
    学習効果絶大！
    

    View Slide

20. Re:VIEW+CSS組版
    まずは LaTeX 版を見てみましょう
    

    View Slide

21. LaTeX 版（技術書典４）
    

    View Slide

22. 問題集っぽくない！
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

30. とにかくいい感じにしたい
    

    View Slide

31. そこで
    

    View Slide

32. Re:VIEW + CSS組版
    

    View Slide

33. Re:VIEW + CSS組版
    ✔ Re:VIEWのいいとこそのまま
    　- github管理できる
    　- textlintなどの校正ツールを使える
    　- ciを回せる
    ✔ CSSの自由度で組版
    　- Webレイアウトのように組版
    　- Chrome Dev Tools で微調整
    

    View Slide

34. 実際はこうなりました
    

    View Slide

35. Re:VIEW+CSS組版（技術書典５）
    

    View Slide

36. が！
    

    View Slide

37. Re:VIEW + CSS組版
    ✔ 「全ていい感じ」ではない
    　- 目次が微妙にズレる
    　- 目次のリンクが飛ばない
    　- ブラウザ確認とPDFのデザインがズレる
    　- 結果、ruby の nokogiri を通して解決
    

    View Slide

38. View Slide

39. ✔ 登場人物が多い
    　- Re:VIEW
    　- CSS
    　- Vivliostyle
    　- puppeteer
    　- docker
    ✔ 原因特定が難しい
    ✔ ビルドが遅い
    　- ２分くらい
    　- 「明日入稿だっつーの！」
    

    View Slide

40. 技術書典６に向けて
    なんとかしていきたい
    やっていき！
    ヘイ！
    

    View Slide

41. ワンオペ
    死
    

    View Slide

42. ワンオペ
    ✔ トイレ
    　- 死
    　- お隣さんに声をかけてクリア
    　- １回だけ
    ✔ 17:00以降に疲れが...
    　- 頒布中は楽しい
    　- 片付け時はもう体力ゼロ
    来年は避けたい
    

    View Slide

43. 印刷部数計算
    毎回議題に挙がるアレ
    

    View Slide

44. 今回計算した方法
    本の値段 × 被チェック数 = 予想売上
    予想売上で印刷できる部数 = 今回の印刷部数
    

    View Slide

45. 今回計算した方法
    本の値段 × 被チェック数 = 予想売上
    予想売上で印刷できる部数 = 今回の印刷部数
    具体例↓
    1,500円 × 92 = 138,000円
    138,000で印刷できる部数 = 300部
    ※ ねこのしっぽさんの場合
    ※ 10/02時点の被チェック数
    

    View Slide

46. 今回計算した方法
    ✔ 爆死はしないはず
    　- 被チェック数は必ず伸びる
    　- 上振れ下振れしてもこの冊数は行くだろう
    　- その金額をコスト上限とする
    ✔ 意外と強気の数字
    　- 「300」という数字
    　- 爆死はしないはずだからいいか！
    

    View Slide

47. 今回計算した方法
    結果
    

    View Slide

48. 今回計算した方法
    結果
    既刊： 86/86
    新刊： 231/300
    合計： 317/386 = 82%
    爆死はせず、新刊はみなさんの手に渡る
    

    View Slide

49. まとめ
    ✔ 締切駆動開発の活用
    　- 効果絶大！
    ✔ Re:VIEW+CSS組版
    　- もっと簡単にできないかなぁ
    ✔ ワンオペ
    　- 死
    ✔ 印刷部数計算
    　- いい感じにできた
    　- が、まだまだ変数は多いのでわからない
    

    View Slide

50. 技術書典6で会いましょう
    

    View Slide