技術系同人誌を作ってコミケで頒布しよう ―― steins;git の実例

104
技術系同人誌を作って コミケで頒布しよう ――Steins;Git の実例 O2 Project kubosho kubosho_

Upload: shota-kubota

Post on 07-Aug-2015

956 views

Category:

Engineering


0 download

TRANSCRIPT

Page 1: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

技術系同人誌を作ってコミケで頒布しよう ――Steins;Git の実例

O2 Project

kuboshokubosho_

Page 2: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

自己紹介

• kubosh(o|0)_?

• イカ: kubosh0

• YAPC::Asia Tokyo で話す予定でしたが

採用されませんでした

Page 3: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

Steins;Git とは

Page 4: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

Git を Steins;Gate の

世界観を使って説明する薄い本

Page 5: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

http://bit.ly/steins-git

Page 6: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

実績

• C86 で50部頒布 -> 2時間30分で頒布し終わった

• コミックマーケットスペシャル6でも

同様に50部頒布 -> 21部頒布(後に会社で4部頒布)

Page 7: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例
Page 8: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

https://twitter.com/shimokura_vio/status/496210104786505728

Page 9: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

本題

Page 10: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

Steins;Git を 頒布するあたり 気づいたことを 話していきます

Page 11: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

サークル申し込み

Page 12: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

サークルとは

• 「同じ趣味や活動を行う集団」

• 海外では通じないらしい

Page 13: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

少なくとも売り子は 二人はいたほうが良い

Page 14: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

どこで申込書を買うか

Page 15: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

コミケ会場

Page 16: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

通販(郵便振替 or Web)

Page 17: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

通販では1,500円

Page 18: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

コミケ会場で買った場合は1,000円(確か)

Page 19: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

この情報が間違ってなければ 会場で買ったほうが安い

Page 20: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

ジャンル選択

Page 21: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

240 (同人ソフト)

Page 22: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

135(評論・情報)もそれっぽいけど違う

Page 23: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

230(デジタル・その他)も 違う

Page 24: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

申し込み

Page 25: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

記入漏れがないように

Page 26: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

漏れがあったら その時点で

「お前はもう落ちている」

Page 27: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

入金も忘れずに (だいたい8,000円前後)

Page 28: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

同人誌を書く

Page 29: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

ネタの出し方

Page 30: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

何かに例えて説明する

Page 31: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

Steins;Git は「シュタゲの世界観を使って

Git を説明する」 という感じ

Page 32: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

例え方の例

Page 33: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

ラブライブ!で分かる同人誌の出し方

Page 34: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

スプラトゥーンから学ぶ typo 発見の技

Page 35: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

自分の気になっていることや 好きなものを書くのが良い

Page 36: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

そうじゃないと楽しめない

Page 37: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

進捗管理

Page 38: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

GitHub の Issue と

Milestone で管理

Page 39: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例
Page 40: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

Milestone は〆切を意識する目的で使った

Page 41: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

校正

Page 42: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

まずは書いたら 自分で三度くらい読む (できれば違う日にちに やるのが良い)

Page 43: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

今回は Git が分からない人でも読めるようにしたので 実際に Git があまり分かってない人に見てもらった

Page 44: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

自動校正ツールを使う RedPen

http://redpen.cc/

Page 45: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

執筆環境

Page 46: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

執筆環境

• Asciidoctor

• GitHub

• Atom Editor

Page 47: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

Asciidoctor とは

Page 48: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

AsciiDoc 形式で 書かれた文章を

HTML や DocBook 形式など に変換してくれる Ruby 製のツール

Page 49: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

XSLT (Extensible Stylesheet

Language Transformations) で見た目調整

Page 50: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

細かな使い方について 文書化されていないところが

ある

Page 51: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

つらい

Page 52: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

なぜ Asciidoctor

Page 53: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

azuさんの

JavaScript Promise の本が

Asciidoctor で作られていた

https://github.com/azu/promises-book

Page 54: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

何か困ったところがあったら 参考にできると思った

(実際かなり参考になった)

Page 55: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

Re:VIEW 環境を構築したり

Re:VIEW 形式を 理解して使うには 時間がなかった

Page 56: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

継続的インテグレーション

Page 57: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

現状は正しく HTML に 変換できるかだけ 自動的にテスト

Page 58: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

正しく PDF に 変換できるかどうかも

テストしたい

Page 59: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

RedPen を使って 自動校正もしたい

Page 60: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

RedPen

Page 61: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

自動校正ツール

gihyo.jp にも連載がある

http://gihyo.jp/lifestyle/serial/01/redpen

Page 62: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

対応フォーマットは テキスト・Wiki 形式・

Markdown 形式

master を使えば

asciidoc 形式も使える

Page 63: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

印刷について

Page 64: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

Asciidoctor での 紙のサイズの設定方法

Page 65: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

設定は PDF 用の

XSLT ファイルでおこなう

Page 66: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

https://github.com/o2project/steins-git.styles/blob/8187848cc0e724a6489dab590ad7584d5ecc7cc0/fo-pdf.xsl#L246

Page 67: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

紙のサイズ基準が ISO 216 基準なので

JIS 基準と比べて 少し小さくなってしまう

Page 68: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

つらい

Page 69: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

印刷業者

Page 70: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

日光企画

Page 71: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

理由

Page 72: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

TechBooster も使っていると

「はじめての ReVIEW」 に書いてあった

Page 73: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

使ってみたら 入稿時にこちらのミスを 丁寧に教えていただいたり ブースまで挨拶してきて くれたり良かった

Page 74: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

宣伝の方法

Page 75: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

ランディングページ http://sg.o2p.jp/

Page 76: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

使ったのはこのテンプレート http://sanographix.github.io/tumblr/tokusetsu2/

Page 77: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

特設サイトを凝ると SNS 上やブログなどで 話題になるかも?

Page 78: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

Twitter

Page 79: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

邪魔にならないように宣伝

Page 80: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

一ヶ月前、二週間前、 一週間前、三日前、 二日前、前日、当日 という感じで頻度を 上げていった

Page 81: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

一週間前までは一日に一回ツイート それ以降は一日に二回ツイート 前日は一日に三回ツイート、 当日は宣伝というよりかは実況

Page 82: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

Facebook

Page 83: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

告知しておくと 知り合いが来たりする

Page 84: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

同人活動を知り合いの間でも 公にして良い場合はありかも

Page 85: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

コミケ前日までの準備

Page 86: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

必要なもの

• サークルチケット

• ポスター

• ポスタースタンド

• 値札

• 釣り銭

Page 87: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

必要なもの その2

• ガムテープ

• カッター

• はさみ

• ボールペン

• 油性ペン(コピック)

Page 88: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

必要なもの その3

• 机の上に敷く用の布

• ビニール袋

• マスキングテープ

Page 89: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

だいたい東急ハンズで 買える

Page 90: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

コミケ当日の準備

Page 91: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

だいたい机の下に ダンボールが置いてあるので 中から本を取り出して並べる

Page 92: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

あとはポスターを スタンドに取り付けたり 机の上にあるチラシを 見てみたりする

Page 93: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

挨拶

Page 94: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

近隣のサークルに挨拶する

Page 95: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

一日を同じ場所で 過ごす人達なので 挨拶しておいたほうが お互いいい気分になれる

Page 96: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

物々交換イベントも よく起こったりする

Page 97: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

その他

Page 98: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

版を更新するタイミング

• 本や章のタイトルを変更した場合はメジャーバージョンを上げる

• 章や節を追加した場合はマイナーバージョンを上げる

• 校正した場合はパッチバージョンを上げる

Page 99: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

まとめ

Page 100: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

事前準備しっかりと

Page 101: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

自分の気になっていることや 好きなものを書くのが良い

Page 102: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

Asciidoctor は少し辛いので

多分次は Re:VIEW 使います

Page 103: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

ありがとうございましたkubosho_ kubosho

Page 104: 技術系同人誌を作ってコミケで頒布しよう ―― Steins;Git の実例

参考資料• サークルとは (サークルとは) [単語記事] - ニコニコ大百科

http://dic.nicovideo.jp/a/%E3%82%B5%E3%83%BC%E3%82%AF%E3%83%AB

• コミックマーケット88 サークル参加申込書セット通販のご案内http://www.comiket.co.jp/info-c/C88/C88Appset.html

• Happy my life | コミケで技術系同人誌を売る方法http://blog.cnu.jp/2015/01/12/c88-attending-comiket/

• ニッチでエッジな技術本をゲットしよう! ~IT技術者向けコミケ 初心者ガイド(2014年冬版) (1/3):CodeZine

http://codezine.jp/article/detail/8346

• - ニッチでエッジな技術本をゲットしよう! 第2弾 ~IT技術者向けコミケ 気になるサークル編(2014年冬版) (1/4):CodeZinehttp://codezine.jp/article/detail/8375

• - ニッチでエッジな技術本をゲットしよう! 第3弾 ~IT技術者向けコミケ 実際に買ってきた編(2014年冬版) (1/8):CodeZinehttp://codezine.jp/article/detail/8417