$30 off During Our Annual Pro Sale. View Details »

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

at_grandpa
October 08, 2018

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

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

at_grandpa

October 08, 2018
Tweet

More Decks by at_grandpa

Other Decks in Technology

Transcript

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

    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. 技術書典6のリポジトリ作成

    View Slide

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

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

    View Slide

  22. 問題集っぽくない!

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  36. が!

    View Slide

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

    View Slide

  38. View Slide

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

    View Slide

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

    View Slide

  41. ワンオペ

    View Slide

  42. ワンオペ
    ✔ トイレ
     - 死
     - お隣さんに声をかけてクリア
     - 1回だけ
    ✔ 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