Upgrade to Pro — share decks privately, control downloads, hide ads and more …

技術同人誌を書いてみよう

 技術同人誌を書いてみよう

3e77f9dbec6a87756d1dbdddab283aee?s=128

Nulab Inc.
PRO

April 22, 2022
Tweet

More Decks by Nulab Inc.

Other Decks in Technology

Transcript

  1. Copyright Nulab Inc. All Rights Reserved. 技術同人誌を書いてみよう
 株式会社ヌーラボ サービス開発部 Apps課

    デペロッパー 
 廣瀬 翔遥

  2. Copyright Nulab Inc. All Rights Reserved. Kanata Hirose
 自己紹介
 サービス開発部

    Apps課 デベロッパー 
 2019年入社
 ・アカウント管理/認証認可/決済 
 ・Nulab Passの開発 

  3. 書きました
 https://introduction-to-saml.tumblr.com/


  4. Copyright Nulab Inc. All Rights Reserved. 書いてみたいけど
 どうすればいいかよくわからない


  5. Copyright Nulab Inc. All Rights Reserved. 今日の目標
 技術同人誌を頒布するまでの一連の流れを
 ざっくり理解してもらう


  6. Copyright Nulab Inc. All Rights Reserved. そもそも同人誌とは…
 • 同じ趣味や志を持つ人が集まって作る本
 •

    組版/製本/流通など全部自分たちでやる
 同人誌とは
 自分の好きや思いを表現するためにつくる本

  7. Copyright Nulab Inc. All Rights Reserved. 技術書典
 • 技術同人誌を中心に配布・頒布するイベント
 技術書典とは


    今回は技術書典に出展することを前提に

  8. Copyright Nulab Inc. All Rights Reserved. やること
 1
 書くテーマを決める
 2


    執筆環境を整える
 3
 書く
 4
 組版する
 5
 表紙を作る
 6
 入稿する
 7
 頒布する

  9. Copyright Nulab Inc. All Rights Reserved. やること
 1
 書くテーマを決める
 2


    執筆環境を整える
 3
 書く
 4
 組版する
 5
 表紙を作る
 6
 入稿する
 7
 頒布する

  10. Copyright Nulab Inc. All Rights Reserved. 1. 書くテーマを決める


  11. Copyright Nulab Inc. All Rights Reserved. 身近なものや自身の経験したことが書きやすい
 • 好きなこと/得意なことについて
 •

    もっと知ってほしいと思うことについて
 • つらかったこと/苦労したことについて
 1. 書くテーマを決める 

  12. Copyright Nulab Inc. All Rights Reserved. 2. 執筆環境を整える


  13. Copyright Nulab Inc. All Rights Reserved. 何で書こう? 
 • Vivliostyle
 •

    Re:VIEW      
 2. 執筆環境を整える 
 • Word
 • Markdown      
 電子書籍のみ作りたい 紙の本も作りたい Re:VIEWがおすすめ!
 こだわりがなければどんな形式にも対応できる 

  14. Copyright Nulab Inc. All Rights Reserved. Re:VIEW
 2. 執筆環境を整える 


    電子書籍と紙書籍のための、簡潔かつ強力なデジタル出版ツール 
 独自の執筆記法でマークアップして組版などができる 
 
 https://reviewml.org/ja/ 様々な出力フォーマットに対応 
 • EPUB
 • PDF
 • InDesign
 • Markdown
 • plain text
 
 Gitでバージョン管理が可能

  15. Copyright Nulab Inc. All Rights Reserved. Re:VIEWテンプレート
 2. 執筆環境を整える 


    • TechBooster(技術書典主宰サークル)が提供 
 • DockerやGitHub Actionsでのビルドにも対応 
 https://github.com/TechBooster/ReVIEW-Template このテンプレートから
 GitHubリポジトリを作ろう!

  16. Copyright Nulab Inc. All Rights Reserved. 3. 書く


  17. Copyright Nulab Inc. All Rights Reserved. ひたすら書く
 3. 書く
 •

    あまり気負わない
 • わからないところは素直にわからないって書いて諦める 
 • 最低限必要なところだけひとまず書く 
 • 完璧を求めない
 あくまで同人誌。好きに書こう。

  18. Copyright Nulab Inc. All Rights Reserved. 4. 組版する


  19. Copyright Nulab Inc. All Rights Reserved. 本の形になるようレイアウトする
 4. 組版する
 •

    サイズを決める(A5 / B5)
 ◦ 同人誌としてはB5が一般的
 • 読みやすいようにレイアウトを調整 
 • 印刷する場合
 ◦ ページ数を調整(4の倍数になるように) 
 ▪ 空白ができてしまったらコラムを書いてみたり 
 ◦ 奥付を書く

  20. Copyright Nulab Inc. All Rights Reserved. 5. 表紙を作る


  21. Copyright Nulab Inc. All Rights Reserved. 5. 表紙を作る
 自分でつくるのもいいけど
 せっかくなら最高の表紙にしたい!


  22. Copyright Nulab Inc. All Rights Reserved. 5. 表紙を作る
 イラストレーター/デザイナーにお願いしてみよう


  23. Copyright Nulab Inc. All Rights Reserved. イラストを依頼する
 5. 表紙を作る |

    イラストの依頼 
 依頼したい人に受けてもらえるかざっくり聞いてみる 
 • 予算
 • 使用用途
 ◦ なにかグッズを作りたいとかあるなら明記する
 ◦ 基本的に使用用途以外で使用するのはNG
 • スケジュール
 • サイズ(解像度)
 • 色(RGB / CMYK)
 • 背景有無
 • 描いてほしい絵のざっくりイメージ 
 依頼したい人はどこでみつける? ・ココナラ ・SKIMA
  24. Copyright Nulab Inc. All Rights Reserved. 具体例
 5. 表紙を作る |

    イラストの依頼 
 知り合いに頼んだのでカジュアルですが… 

  25. Copyright Nulab Inc. All Rights Reserved. OKもらったら具体的にリクエスト
 5. 表紙を作る |

    イラストの依頼 
 • 表紙テーマやアクセントカラーを決めると良い 
 ◦ デザインに統一感を
 • それに沿うような服装、小物、ポーズ、構図の要望を出す 
 ◦ 参考になりそうな画像もいくつか提示 
 
 色々指定したほうが描きやすいので、 
 こうしてほしい!があるなら指定したほうがいい

  26. Copyright Nulab Inc. All Rights Reserved. 5. 表紙を作る | イラストの依頼

    
 • 表紙テーマ
 ◦ 旅行
 • イメージ
 ◦ 旅行かばんとパスポートを持っておでかけしようとしているかんじ 
 ◦ パスポート(キーアイテム)は誰が見ても持っているのがわかるように 
 • 色
 ◦ アクセントカラーを赤系統(色コードも指定)としてそれに合うように 
 • 雰囲気
 ◦ 1月に出すので秋冬の服装で 
 ◦ 髪の毛はロングで、もふもふ猫耳美少女 
 ◦ 髪型はおまかせ。ツインテでもツーサイドアップでも良き 
 • その他
 ◦ パスポートには「SAML Assertion」って書いててほしい 
 具体例
 要望や参考資料を
 まとめて共有!

  27. Copyright Nulab Inc. All Rights Reserved. 5. 表紙を作る | イラストの依頼

    
 何度かやり取りして
 完成!

  28. Copyright Nulab Inc. All Rights Reserved. デザインを依頼する
 5. 表紙を作る |

    デザインの依頼 
 依頼したい人に受けてもらえるかざっくり聞いてみる 
 • 予算
 • 使用用途
 • スケジュール
 • サイズ(解像度)
 • 色(RGB / CMYK)
 • デザインのざっくりイメージ
 依頼したい人はどこでみつける? ・ココナラ ・SKIMA
  29. Copyright Nulab Inc. All Rights Reserved. 具体例
 5. 表紙を作る |

    デザインの依頼 
 知り合いに頼んだのでカジュアルですが… 

  30. Copyright Nulab Inc. All Rights Reserved. OKもらったら具体的にリクエスト
 5. 表紙を作る |

    デザインの依頼 
 • 表紙テーマやアクセントカラーを伝える 
 ◦ デザインに統一感を
 • イメージに近い表紙画像をいくつか提示 
 • 入れてほしい文言や使ってもいい文言を提示 
 
 注意
 電子書籍:表紙と裏表紙を分割したものを納品してもらう 
 紙の書籍:表紙と背表紙、裏表紙が一体になったものを納品してもらう 
      印刷所の表紙テンプレートを渡すとよい 

  31. Copyright Nulab Inc. All Rights Reserved. 5. 表紙を作る | デザインの依頼

    
 • 表紙テーマ
 ◦ 旅行
 • イメージ
 ◦ 猫耳美少女イラストをベースにスッキリとしつつもかわいいイメージ 
 ◦ 雑誌風の装い
 • 色
 ◦ アクセントカラーを赤系統(色コードも指定)としてそれに合うように 
 • その他
 ◦ 絵をメインに据えたい 
 ◦ SAMLを紹介している本だということがパッと見でわかる 
 ◦ あまり色を沢山使うような派手な感じではなく、落ち着いた色合いがいい 
 ◦ サークル名や著者名は控えめな感じで入れてもらえると 
 具体例
 要望や参考資料を
 まとめて共有!

  32. Copyright Nulab Inc. All Rights Reserved. 5. 表紙を作る | デザインの依頼

    
 完成!

  33. Copyright Nulab Inc. All Rights Reserved. 5. 表紙を作る | デザインの依頼

    
 コーナーで差をつけられるので同時に発注してもいいかも 
 宣伝用の画像も…

  34. Copyright Nulab Inc. All Rights Reserved. 6. 入稿する


  35. Copyright Nulab Inc. All Rights Reserved. 印刷所はいっぱいあるけど…
 • 技術書典 バックアップ印刷所


    ◦ 日光企画
 ◦ ねこのしっぽ
 • 技術書典で頒布する場合は
 ◦ あとから印刷 おすすめ!
 ▪ 売れたぶんだけを印刷
 ▪ 印刷所とのやりとりはなく、運営に入稿データを渡すだけ 
 • どの紙で印刷するか全部決まってて楽 
 どこで印刷するか
 6. 入稿する

  36. Copyright Nulab Inc. All Rights Reserved. 入稿用ファイルを作る
 6. 入稿する
 電子書籍と紙の本で少し異なる

    
 • 電子書籍
 ◦ 表紙、本文、裏表紙をひとまとめにしてPDFに 
 • 紙の本
 ◦ 入稿用テンプレートに表紙と背表紙、裏表紙をpsd/aiで 
 ▪ 印刷所によって異なるので確認を 
 ◦ 本文は別途PDFにしてノンブル入れたりトンボ入れたり… 
 Re:VIEWならDockerで簡単に作成できる

  37. Copyright Nulab Inc. All Rights Reserved. 入稿用の表紙と本文
 6. 入稿する


  38. Copyright Nulab Inc. All Rights Reserved. 6. 入稿する
 これを印刷所に入稿すると…


  39. Copyright Nulab Inc. All Rights Reserved. 完成!!
 6. 入稿する


  40. Copyright Nulab Inc. All Rights Reserved. 7. 頒布する


  41. Copyright Nulab Inc. All Rights Reserved. どこで頒布するか決めよう
 7. 頒布する
 •

    イベント
 ◦ コミックマーケット
 ◦ 技術書典
 ◦ 技術書同人誌博覧会
 • オンライン
 ◦ BOOTH
 ◦ 技術書典オンラインマーケット
 ◦ とらのあなやメロンブックスなど

  42. Copyright Nulab Inc. All Rights Reserved. 頒布準備
 7. 頒布する
 技術書典


    • サークル申し込み
 • サークル情報の登録
 • 頒布物の登録
 • 頒布方法の登録
 
 BOOTH
 • ショップ登録
 • 頒布物の登録

  43. Copyright Nulab Inc. All Rights Reserved. イベントに向けて
 7. 頒布する
 めちゃくちゃ宣伝しよう!


    LP作ってみたり
 アクリルスタンド作ってみたり 
 ブログ書いたり
 データによると
 総販売数の半分は事前チェックしたもの 
 →宣伝は大事

  44. Copyright Nulab Inc. All Rights Reserved. 7. 頒布する
 イベントが終わったら
 •

    あとから印刷を使う場合は入稿しよう 
 • BOOTHでイベントの特集が組まれるかも 
 ◦ 露出が増えると手にとってもらいやすくなる 
 • 商業化の話がくるかも
 「技術の泉シリーズ」
 ◦ 技術書典で頒布した本をベースとして商業出版! 
 
 

  45. Copyright Nulab Inc. All Rights Reserved. さいごに


  46. Copyright Nulab Inc. All Rights Reserved. 参考|書きたいとなったときにみるもの
 さいごに
 • 本「技術書をかこう!

    〜初めてのRe:VIEW〜」 https://techbooster.booth.pm/items/586727
 • 技術書典Youtube「技術書を書いてみよう!」 
 https://www.youtube.com/playlist?list=PLKtI82pFM8xAs2jfT0UqxJhXFsS33n6xM 
 • 技術書典Youtube「はじめてのサークル参加Meetup」 
 https://www.youtube.com/watch?v=ls_du4WSiPE

  47. Copyright Nulab Inc. All Rights Reserved. 本を書くのはいいぞ
 さいごに
 • 本を書いているうちにその技術にさらに詳しくなれる

    
 • コミュニティが広がる
 • 完成したときの達成感がすごい
 • 買ってもらえると純粋にうれしい 
 • 感想もらえるとめちゃくちゃ嬉しい 

  48. Copyright Nulab Inc. All Rights Reserved. ありがとうございました