Slide 1

Slide 1 text

Copyright Nulab Inc. All Rights Reserved. 技術同人誌を書いてみよう
 株式会社ヌーラボ サービス開発部 Apps課 デペロッパー 
 廣瀬 翔遥


Slide 2

Slide 2 text

Copyright Nulab Inc. All Rights Reserved. Kanata Hirose
 自己紹介
 サービス開発部 Apps課 デベロッパー 
 2019年入社
 ・アカウント管理/認証認可/決済 
 ・Nulab Passの開発 


Slide 3

Slide 3 text

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


Slide 4

Slide 4 text

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


Slide 5

Slide 5 text

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


Slide 6

Slide 6 text

Copyright Nulab Inc. All Rights Reserved. そもそも同人誌とは…
 ● 同じ趣味や志を持つ人が集まって作る本
 ● 組版/製本/流通など全部自分たちでやる
 同人誌とは
 自分の好きや思いを表現するためにつくる本


Slide 7

Slide 7 text

Copyright Nulab Inc. All Rights Reserved. 技術書典
 ● 技術同人誌を中心に配布・頒布するイベント
 技術書典とは
 今回は技術書典に出展することを前提に


Slide 8

Slide 8 text

Copyright Nulab Inc. All Rights Reserved. やること
 1
 書くテーマを決める
 2
 執筆環境を整える
 3
 書く
 4
 組版する
 5
 表紙を作る
 6
 入稿する
 7
 頒布する


Slide 9

Slide 9 text

Copyright Nulab Inc. All Rights Reserved. やること
 1
 書くテーマを決める
 2
 執筆環境を整える
 3
 書く
 4
 組版する
 5
 表紙を作る
 6
 入稿する
 7
 頒布する


Slide 10

Slide 10 text

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


Slide 11

Slide 11 text

Copyright Nulab Inc. All Rights Reserved. 身近なものや自身の経験したことが書きやすい
 ● 好きなこと/得意なことについて
 ● もっと知ってほしいと思うことについて
 ● つらかったこと/苦労したことについて
 1. 書くテーマを決める 


Slide 12

Slide 12 text

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


Slide 13

Slide 13 text

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


Slide 14

Slide 14 text

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


Slide 15

Slide 15 text

Copyright Nulab Inc. All Rights Reserved. Re:VIEWテンプレート
 2. 執筆環境を整える 
 ● TechBooster(技術書典主宰サークル)が提供 
 ● DockerやGitHub Actionsでのビルドにも対応 
 https://github.com/TechBooster/ReVIEW-Template このテンプレートから
 GitHubリポジトリを作ろう!


Slide 16

Slide 16 text

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


Slide 17

Slide 17 text

Copyright Nulab Inc. All Rights Reserved. ひたすら書く
 3. 書く
 ● あまり気負わない
 ● わからないところは素直にわからないって書いて諦める 
 ● 最低限必要なところだけひとまず書く 
 ● 完璧を求めない
 あくまで同人誌。好きに書こう。


Slide 18

Slide 18 text

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


Slide 19

Slide 19 text

Copyright Nulab Inc. All Rights Reserved. 本の形になるようレイアウトする
 4. 組版する
 ● サイズを決める(A5 / B5)
 ○ 同人誌としてはB5が一般的
 ● 読みやすいようにレイアウトを調整 
 ● 印刷する場合
 ○ ページ数を調整(4の倍数になるように) 
 ■ 空白ができてしまったらコラムを書いてみたり 
 ○ 奥付を書く


Slide 20

Slide 20 text

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


Slide 21

Slide 21 text

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


Slide 22

Slide 22 text

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


Slide 23

Slide 23 text

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

Slide 24

Slide 24 text

Copyright Nulab Inc. All Rights Reserved. 具体例
 5. 表紙を作る | イラストの依頼 
 知り合いに頼んだのでカジュアルですが… 


Slide 25

Slide 25 text

Copyright Nulab Inc. All Rights Reserved. OKもらったら具体的にリクエスト
 5. 表紙を作る | イラストの依頼 
 ● 表紙テーマやアクセントカラーを決めると良い 
 ○ デザインに統一感を
 ● それに沿うような服装、小物、ポーズ、構図の要望を出す 
 ○ 参考になりそうな画像もいくつか提示 
 
 色々指定したほうが描きやすいので、 
 こうしてほしい!があるなら指定したほうがいい


Slide 26

Slide 26 text

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


Slide 27

Slide 27 text

Copyright Nulab Inc. All Rights Reserved. 5. 表紙を作る | イラストの依頼 
 何度かやり取りして
 完成!


Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

Copyright Nulab Inc. All Rights Reserved. 具体例
 5. 表紙を作る | デザインの依頼 
 知り合いに頼んだのでカジュアルですが… 


Slide 30

Slide 30 text

Copyright Nulab Inc. All Rights Reserved. OKもらったら具体的にリクエスト
 5. 表紙を作る | デザインの依頼 
 ● 表紙テーマやアクセントカラーを伝える 
 ○ デザインに統一感を
 ● イメージに近い表紙画像をいくつか提示 
 ● 入れてほしい文言や使ってもいい文言を提示 
 
 注意
 電子書籍:表紙と裏表紙を分割したものを納品してもらう 
 紙の書籍:表紙と背表紙、裏表紙が一体になったものを納品してもらう 
      印刷所の表紙テンプレートを渡すとよい 


Slide 31

Slide 31 text

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


Slide 32

Slide 32 text

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


Slide 33

Slide 33 text

Copyright Nulab Inc. All Rights Reserved. 5. 表紙を作る | デザインの依頼 
 コーナーで差をつけられるので同時に発注してもいいかも 
 宣伝用の画像も…


Slide 34

Slide 34 text

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


Slide 35

Slide 35 text

Copyright Nulab Inc. All Rights Reserved. 印刷所はいっぱいあるけど…
 ● 技術書典 バックアップ印刷所
 ○ 日光企画
 ○ ねこのしっぽ
 ● 技術書典で頒布する場合は
 ○ あとから印刷 おすすめ!
 ■ 売れたぶんだけを印刷
 ■ 印刷所とのやりとりはなく、運営に入稿データを渡すだけ 
 ● どの紙で印刷するか全部決まってて楽 
 どこで印刷するか
 6. 入稿する


Slide 36

Slide 36 text

Copyright Nulab Inc. All Rights Reserved. 入稿用ファイルを作る
 6. 入稿する
 電子書籍と紙の本で少し異なる 
 ● 電子書籍
 ○ 表紙、本文、裏表紙をひとまとめにしてPDFに 
 ● 紙の本
 ○ 入稿用テンプレートに表紙と背表紙、裏表紙をpsd/aiで 
 ■ 印刷所によって異なるので確認を 
 ○ 本文は別途PDFにしてノンブル入れたりトンボ入れたり… 
 Re:VIEWならDockerで簡単に作成できる


Slide 37

Slide 37 text

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


Slide 38

Slide 38 text

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


Slide 39

Slide 39 text

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


Slide 40

Slide 40 text

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


Slide 41

Slide 41 text

Copyright Nulab Inc. All Rights Reserved. どこで頒布するか決めよう
 7. 頒布する
 ● イベント
 ○ コミックマーケット
 ○ 技術書典
 ○ 技術書同人誌博覧会
 ● オンライン
 ○ BOOTH
 ○ 技術書典オンラインマーケット
 ○ とらのあなやメロンブックスなど


Slide 42

Slide 42 text

Copyright Nulab Inc. All Rights Reserved. 頒布準備
 7. 頒布する
 技術書典
 ● サークル申し込み
 ● サークル情報の登録
 ● 頒布物の登録
 ● 頒布方法の登録
 
 BOOTH
 ● ショップ登録
 ● 頒布物の登録


Slide 43

Slide 43 text

Copyright Nulab Inc. All Rights Reserved. イベントに向けて
 7. 頒布する
 めちゃくちゃ宣伝しよう!
 LP作ってみたり
 アクリルスタンド作ってみたり 
 ブログ書いたり
 データによると
 総販売数の半分は事前チェックしたもの 
 →宣伝は大事


Slide 44

Slide 44 text

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


Slide 45

Slide 45 text

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


Slide 46

Slide 46 text

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


Slide 47

Slide 47 text

Copyright Nulab Inc. All Rights Reserved. 本を書くのはいいぞ
 さいごに
 ● 本を書いているうちにその技術にさらに詳しくなれる 
 ● コミュニティが広がる
 ● 完成したときの達成感がすごい
 ● 買ってもらえると純粋にうれしい 
 ● 感想もらえるとめちゃくちゃ嬉しい 


Slide 48

Slide 48 text

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