技術同人誌づくりは一気通貫のプロダクトマネジメントを疑似体験できる絶好の機会だった件

>100 Views

May 19, 26

スライド概要

(AIによる要約)
本スライドでは、技術同人誌とは何かを説明し、同人誌即売会への参加経験を通して得られる楽しさや学びを紹介しています。企画・開発・品質保証・マーケティング・販売・ふりかえりというプロダクトマネジメントの全流れを具体例とともに示し、エレベーターピッチの作成やパッケージデザインの生成プロセスも解説しています。初心者が技術同人誌を通じてプロダクトづくり全体を体感し、次の新規プロダクト開発への意欲を高められるよう構成されています。

profile-image

アジャイル/スクラム/データサイエンス/プロダクトマネジメント/プロジェクトマネジメント/組織論など、日々の学びをスライドにします。

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

関連スライド

各ページのテキスト
1.

2026 / 05 / 20 @shimitaka

2.

はじめに

3.

初めて技術同人誌を作成して 初めて同人誌即売会にサークル参加しました! 技術書典20における サークルブースの様子 第十三回技術書同人誌博覧会(以降「技書博13」) におけるサークルブースの様子

4.

作成した本 「日本の伝統的大企業に転職したら妖怪だらけ だったので実践知を発動して対峙を試みました!」 どんな本か 知りたい方は 検索してね!

5.

やってみたら、技術同人誌の企画・ 執筆・販売・マーケティングの一連の 工程はまさに業務における 新規プロダクトづくりそのものだなぁ~ と感じました

6.

ちょうど最近、 イノベーション創出には、 プロダクトマネジメント について理解するのって 大事だよね~なんて話を していたところでした

7.

そこで、技術同人誌づくり全体の 流れを紹介すれば技術同人誌とは 何かを知ることが出来るとともに プロダクトマネジメントについても 理解が深まり、一石二鳥なのでは! と閃きこのスライドを 作成することにしました

8.

対象読者 • • • • • 技術同人誌初心者の方! プロダクトマネジメント初心者の方! 技術同人誌の奥深い世界を垣間見たい方! 「プロダクトづくり全体」に興味がある方! プロダクトマネジメントの一連の流れを 知りたい方!

9.

ラーニングアウトカム このスライドを読んで得られること • あなたの知らない技術同人誌の世界を垣間見る ことが出来る! • プロダクトが企画・開発・品証・販売・マーケ ティングされる一連の流れを理解できる! • プロダクトマネジメントに興味を持ち新規プロ ダクト・サービス開発の一歩を踏み出す意欲や 勇気を得られる!

10.

技術同人誌 とは

11.

技術同人誌とは • 「同人」というのは 同じ趣味を持つ仲間のこと • 出版社を通さずに個人的に 作る本全般を同人誌という • 技術同人誌とはそのうち 技術分野に特化したもの

12.

いろんな 技術がある! 技術書典20における戦利品の様子 技書博13における戦利品の様子

13.

技術同人誌とは • とにかく自由! • ニッチなテーマを好きなだけ掘り下げて 書ける! • ページ数や値段も自由! • 同人誌即売会などで頒布*される 頒布(はんぷ):同人誌界隈では営利目的ではないという意味合いで「販売」ではなく「頒布」という言い方が されることが多い

14.

技術同人誌即売会の様子 技術書典20の様子 (*公式Xのポストを引用) 技書博13の様子 (*公式Xのポストを引用)

15.

技術同人誌を書いてみて& 同人誌即売会にサークル参加してみて • 楽しい!! • • 自分の「好き」を形(本)に出来る それをきっかけに交流が出来る • 学びが多い!! • • 様々な「技術」に触れることが出来る 自分が創ったものを目の前で買っていただき感想 やフィードバックをリアルにいただける

16.

技術同人誌を書いてみて& 同人誌即売会にサークル参加してみて [引用元]初サークル参加の技術書典20はものづくりの楽しさを存分に味わえた神イベントだった件 https://note.com/shimitaka/n/na803ab65917e

17.

技術同人誌を書いてみて& 同人誌即売会にサークル参加してみて [引用元]初サークル参加の技術書典20はものづくりの楽しさを存分に味わえた神イベントだった件 https://note.com/shimitaka/n/na803ab65917e

18.

技術同人誌を書いてみて& 同人誌即売会にサークル参加してみて [引用元]初サークル参加の技術書典20はものづくりの楽しさを存分に味わえた神イベントだった件 https://note.com/shimitaka/n/na803ab65917e

19.

技術同人誌 づくりの 一連の流れ

20.

技術同人誌づくりの全体の流れは だいたいこんな感じ 企画 開発 品証 マーケ 販売 ふりかえり *ここでは「本を書く(つくる)」ことだけではなく 企画や販売も含めて「技術同人誌づくり」と表現しています

21.

文章を書く「執筆」だけで 技術同人誌づくりの全体の流れは なく図版の作成や段組みな ども必要になるので、敢え だいたいこんな感じ て「開発」としました 企画 開発 品証 マーケ 販売 ふりかえり *ここでは「本を書く(つくる)」ことだけではなく 企画や販売も含めて「技術同人誌づくり」と表現しています

22.

もう少し正確にいえば こんな感じ 企画 企画 開発 開発 品証 開発 品証 品証 マーケ マーケ 販売 ふりかえり

23.

もう少し正確にいえば 全部(ほぼ) こんな感じ 一人でやる! 企画 企画 開発 そろそろ開発 (執筆)に入 マーケ らなきゃ ブースづくりの 開発 準備もして… 品証 並行してマーケ ティングも進め 開発 なきゃ 品証 品証 マーケ 品質チェックも しとかないと間 ふりかえり に合わない! 売り子さんの 調整もしな きゃ 販売

24.

企画 (6カ月前~)

25.

エレベーターピッチをつくった

26.

エレベーターピッチをつくった タイトル は? 誰向け? 良さは どこ? どんな ジャンル? なぜ読みた くなる? 差別化要素 は?

27.

エレベーターピッチをつくった 誰向け? タイトル は? 良さは どこ? なぜ読みた くなる? プロダクト(本)の WhyやWhatを 明確にした どんな ジャンル? 差別化要素 は?

28.

エレベーターピッチふりかえり • 自分の頭の中のイメージを言語化出来た! • 最後までブレずに執筆活動が行えた! • これを第三者(同僚・友人など)に紹介 することで初期の段階でフィードバックを 得られた!

29.

エレベーターピッチからの微妙なピボット • 「ブレずに」とは言ったが、実は執筆の過 程で微妙にアップデートしている • (例)タイトルが「退治」→「対峙」 *細かいこだわりなのだが、企業に蔓延る妖怪は手ごわいので退 治するのは難しいがせめて立ち向かっていけるといいよね、みた いなニュアンスを持たせたいと思った

30.

パッケージデザインを生成AIでつくった エレベーターピッチ +αを流し込んで Geminiさんにお願 いしたらこんなのが 出てきた

31.

パッケージデザインふりかえり • キャラクターデザインの原案になって よかった! • 表紙デザインの原案になってよかった! • 絵心無い芸人の自分にとって、表紙とキャ ラデザの原案があるだけでもイメージが湧 いてすごく助かった!

32.

タイトル案を生成AIでつくった(1/4) • • 恐怖!紅に染まった会議室!「妖怪くれない」の他責 シャウトを鎮めろ! 現状維持の貴族!「妖怪イマノママ・デ・イーノ」の 優雅な停滞! • 地獄の効率勝負!本質を置き去りにした「コスパ鬼・ タイパ鬼」の宴! • 証拠死守!「妖怪エビでんす」の執拗な追及!

33.

タイトル案を生成AIでつくった(2/4) • • • 沈黙の氷河期!頷きを忘れた虚無の石像「妖怪ノーリ アクション」 やる気粉砕!一言で部下の心をへし折る「妖怪モチベ 削り」の毒牙! 沈没寸前の泥舟で梨を食らう!お気楽妖精「危機感 なっしー」の末路!

34.

タイトル案を生成AIでつくった(3/4) • • • • 正解はどこだ!迷宮を彷徨い続ける「妖怪サイテキ探 し」の不毛な旅! 収集不能!百人百様の迷走経典「妖怪バラバラ法師」 と地獄の合意形成! 忖度の無限ループ!空気のみを読み続ける「妖怪お気 持ち探し」の深淵! 全方位敵対!部署の壁を血で洗う「組織バーサー カー」怒りの進撃!

35.

タイトル案を生成AIでつくった(4/4) • 出口なき迷宮!時計の針を止める呪縛「妖怪ムゲン会 議」の円卓地獄! • 断罪不能!YesもNoも飲み込む「妖怪ぬらりひょん」 の不気味な微笑! • 数値の奴隷!心なき数値で人を裁く「妖怪定量化」の 無機質な宣告! 虚飾の電子化!中身空っぽの魔法陣「妖怪デラック ス」のDX大号令! •

36.

タイトル案ふりかえり • 妖怪のイメージが湧いてよかった! • ストーリーのイメージが湧いてよかった! • 「これ、ちょっとストーリーにするの難し いかも…」とか気付ける! • あくまでこれは「発散」フェーズ。この中 から選別(「収束」)していった *ちなみに実際の書籍はこんなに長いタイトルにはならず「妖怪ノーリアク ション」というように妖怪名だけの章タイトルに落ち着きました

37.

開発 (4カ月前~)

38.

Notionでプロットをメモ書き ネタを思い付いた らすぐにメモる

39.

VSCodeにRe:VIEWのプラグインを入れて ひたすら執筆する Re:VIEW記法 で執筆 レビュー画面 で確認

40.

(参考)Re:VIEW記法 Markdown みたいな感じ 内部的にTexも 使っているっぽい 数式や脚注なども 書ける

41.

Dockerでビルド*環境を構築 *ここでいう「ビルド」とはRe:VIEW記法で記載した.reファイルを PDFやEPUBなどの形式に出力すること Re:VIEWはRuby やTeXLiveなどを 使っている そのあたりを個別に 環境構築するのは大 変なのでDockerを 使ってまるっと構築 するとよい

42.

SourceTreeでバージョン管理 (文章書いてみてビルドまでしたけど「なんか違うな」 みたいな時にロールバックする) 昔ながらのローカル リポジトリ GitHubで管理する方 もいるが自分の場合 は個人管理で十分

43.

Photoshopで表紙作成 印刷会社指定のトンボをベースにしてデザインする フォトショとか久し ぶりすぎて思い出す のに時間かかった タイトルロゴはラノベ POPv2を使ってラノ ベっぽさを表現

44.

印刷会社さんに入稿 日光企画さんに 依頼 Web入稿窓口で ・表紙ファイル ・本文ファイル を入稿

45.

品証 (1か月前~)

46.

校正・校閲作業 (超大変) 【校正】 誤字・脱字・誤変換 などの表記誤りを チェック 【校閲】 情報に誤りが無いか、 不適切な表現がない かをチェック 紙に出力して目を皿の ようにして文章を読む といろいろ見つかる

47.

Re:VIEWに戻って修正 チェックした箇所 を修正する 電車や外出先でチェッ ク、自宅で修正、とい うのを繰り返した

48.

CI/CD環境を構築するツワモノもいる • 原稿をプッシュするだけで校正・校閲や PDF/EPUBが出力(ビルド)されるような自動 化環境を構築する人もいる • 内部的に校正・校閲ツールをAPIで呼んだり生 成AIに校正・校閲を任せたりしてるっぽい • 自分は一人執筆だったし時間も無かったので今 回はやらなかったが、今後を考えるとトライし てみてもいいかも

49.

VSCodeのRe:VIEWのコードチェックが通っても、 出力が間違っている場合がある キャッチコピーは「組織の 力学に対応する技術」です。 この本は、 これは人が目視 になります。 で見ないと気付 けない @<br>{} は改行 @<b>{(文章)} は太字 これを間違えてもコードは 通るがビルドすると太字に すべき文章が出力されず改 行されて謎の文面になる

50.

印刷会社さんもチェックしてくださる 印刷会社さんはプロな ので、細かい点も チェックしてくださる 指摘を頂いたら すぐに対応する!

51.

当たり前品質を確実に担保し 魅力的品質を向上する 狩野モデルを頭におい て「過剰品質」になら ないよう注意した そもそも「技術同人誌」 の「当たり前品質」や 「魅力的品質」ってなん だろう?と考え続けた [引用元]狩野モデルとは、若いエンジニアへのツール紹介! - ものづくりドットコム https://www.monodukuri.com/gihou/article/2279

52.

生成AIの品質もチェックが必要 (例)パトレイバーの後藤隊長はそんなこと言ってない 見当たら ないんかい!!

53.

印刷会社さんから直接会場に搬入される 会場で初めて自分の本と ご対面することになる

54.

マーケ ティング (1か月前~)

55.

CapCutでプロモーション動画 を作成 壱:https://youtu.be/emk7QI1Nke4?si=7MMk1Ci2zum7xLGd 弐:https://youtu.be/j-ALR5Ia8K8?si=s5AdLEm_WRpDzvfN

56.

GIF動画(※PDF版では再生されません)

57.

CapCutにした理由 • キャラがバーン!って出て台詞がダーン! って出てタイトルロゴがドドーン!みたいな やつがつくりやすかった • Adobe PremierとかClipchampとか動画編 集ツールは沢山ある。やりたいことに応じて 学習負荷も考えて選ぶとよさそう。

58.

無料のサンプル冊子を作成した 友人・同僚など に配る イベントなどで も配る

59.

X(旧Twitter)を使って告知した 本の表紙やサーク ルブースの場所を 書いてアピール

60.

shimitaka=妖怪の人 というブランディングができた 「妖怪の方ですよね!」 「あ!妖怪の(本の)shimitakaさん!」 「私もJTCなんです!」 朝の挨拶みたいな感じで JTCと妖怪の話がされるようになった

61.

「JTC妖怪」で検索しても 解説してくれるようになった

62.

AISASと妖怪 マジウケるw 妖怪って なんやww 調べたろ 読んでみたら おもろいやん! 広めたるわ! [引用元] AISASとは?AIDMAとの違い、具体的な活用例 - マーケティングオートメーションツール SATORI https://satori.marketing/marketing-blog/aisas/

63.

マーケティングふりかえり • 表紙やキャラやタイトルロゴをSNSなど色々 なところで出しておいて視覚的にアピール! • とにかく「イメージしてもらう」「知っても らう」ことが重要! • 同人誌即売会会場で「あ、これ見たことある やつだ」と思ってもらえるだけでよい! • AISASに乗っかれば自然と売れる

64.

販売 (1か月前~)

65.

ブースの仕様確認 机の幅に合わせて レイアウト設計し たりする

66.

PowerPointでおしながきをつくる 必要最小限の 情報量にした パワポで入稿 (JTCなんで) こんな感じの パネルになる

67.

PowerPointでポスターをつくる パワポで入稿 (JTCなんで) ハッシュタグの ような形で用語 をちりばめた

68.

ポスターを掲示する ポスタースタン ドを使って掲示

69.

名刺をつくる コミュニケーション ツールとして名刺を つくる ブースで 頒布

70.

JTC妖怪総選挙 最近見かけた妖怪に シールを貼ろう!と いうアンケート企画 これを見て 「おっ!」って思っ てくださった方も多 かった 「うちにもこんな妖 怪いて~」みたいな 会話のきっかけにも なった

71.

ブースでのお声がけ ちょっとした声か けで売れることも 多い! • 「この本は組織に蔓延る不思議な力 を”妖怪”とたとえてまして~」 • 「どうですか、お勤め先で ”妖怪”とか見かけたりします?」 • 「もしかしてJTCにお勤め ウザがられない程度 だったりしますか?」 の能力が必要

72.

感想を頂けると 涙がちょちょぎれるほど嬉しい https://x.com/MasayoToyota/status/2046913486597570961?s=20 https://x.com/yuuki_cybozuQA/status/2045347523578233191?s=20 https://note.com/keitafukui/n/n96819f15134f https://x.com/tbird63975816/status/2043663969404301516?s=20

73.

ふりかえり

74.

Notionにやったことをスクショエビデンス付きで ひたすら書き残していった 例えば2/9のメモには 「目次や章の冒頭の 余白の設定を変更し たい」とある 見たWebページ、た めしてみた設定変更、 その結果、感想を書 き残しておく うまくいったorいかな かったの「結果」だけ でなく「経過」を残し ておくことが大切

75.

なにかしらひと段落したところで 細かくふりかえりをする • • • • • イベント説明会に参加した後 1章分執筆を終えた後 1冊書き終わった後 イベントが終わった後 読後フィードバックを頂けた後

76.

これまでの経緯をnoteに書いて 自身のふりかえりとした https://note.com/shimitaka/n/na60f966f b582 https://note.com/shimitaka/n/ne4c4b04 003c8 https://note.com/shimitaka/n/n104a5059 f479

77.

全部自分でやってみることの良さ • 全体の流れを体感できる (本を読んで頭では分かっていても実際にやってみると全然違う) • 気持ちが分かる (「マーケティングって華やかに見えるけどクッソ地味で大変な作業 なんだ~」とか、校閲の時に簡単なミスが分かったりすると「過去の 俺(執筆の時の俺)何やってんの?」とかって気持ちになる。) 体感するからこそ 分かることがある

78.

製造業には 「後工程はお客様」という言葉がある • 後工程(例えば開発から見ると品質保 証)をお客様だと思えば、しっかりやろ うという気持ちになれる (あとの自分が大変になるだけだから)

79.

ふりかえってみて気付いた これってプロダクト マネジメントやんけ! *私はたまたま新規事業・新規プロダクトに携わっていた ことがありプロダクトマネージャーをやったことがあった ため、そのような発想に至った

80.

プロダクト マネジメント とは

81.

プロダクトとは (『プロダクトマネジメント のすべて』における定義) 市場において 顧客となりうる 個人や団体に 価値を提案するもの プロダクトマネジメントのすべて 事業戦略・IT開発・UXデザイン・マーケティングからチーム・組織運営まで https://www.amazon.co.jp/dp/B08W51KLQJ/

82.

プロダクトとは (私なりの理解) • • • • ハードウェア(例:自動車、家電) ソフトウェア(例:会計ソフト) サービス(例:動画サブスク配信) またはそれらの複合物

83.

プロダクトマネジメントとは (私なりの理解) プロダクトを 世に送り出すために行う 一連のやりくり 私の考える プロダクトマネジメントのイメージ⇒ いろいろやりくりしてる

84.

技術同人誌づ くりとプロダ クトマネジメ ントここが似 てる

85.

たとえばこんなところがプロダクトマネジメント 【技術同人誌づくり】 【プロダクトマネジメント】 本(技術同人誌) プロダクト(新規サービス等) これが プロダクト

86.

たとえばこんなところがプロダクトマネジメント 【技術同人誌づくり】 【プロダクトマネジメント】 エレベーターピッチつくった エレベーターピッチつくる [引用元]エレベーターピッチの作り方を事例で解説【テンプレート付き】 | メソッド | 才流 https://sairu.co.jp/method/17385/

87.

たとえばこんなところがプロダクトマネジメント なぜこの商品(サービス)を 買ってくれるのか? なぜこの本を 買ってくれるのか?

88.

たとえばこんなところがプロダクトマネジメント 【技術同人誌づくり】 【プロダクトマネジメント】 Re:VIEWで執筆 プログラミング言語で開発

89.

たとえばこんなところがプロダクトマネジメント 【技術同人誌づくり】 【プロダクトマネジメント】 校正・校閲作業 テスト・QA・品質保証

90.

たとえばこんなところがプロダクトマネジメント 【技術同人誌づくり】 【プロダクトマネジメント】 告知 SNS/Webマーケティング

91.

たとえばこんなところがプロダクトマネジメント 【技術同人誌づくり】 【プロダクトマネジメント】 サークルブース 展示会でのプロモーション

92.

たとえばこんなところがプロダクトマネジメント 【技術同人誌づくり】 【プロダクトマネジメント】 技術書典、技書博 どんなタッチポイントで どんな顧客にアプローチするか? Webサイト⇒広く認知を高める 個別展示会⇒深く個別商談 YouTube⇒ブランディング

93.

(思考実験)この数字を見て コミケに出展すべきか?を考えてみる 販売数 技術書典20 技書博13 コミケ 139 (壱のみ、オンライン 販売含む) 52 (壱・弐合計) ? 来場者 販売数/来場者 4300人 3.2% 427人 12.2% 25万人 ?

94.

(思考実験)この数字を見て コミケに出展すべきか?を考えてみる 技術書典20 技書博13 コミケ 販売数 来場者 イベントのコン 139 セプトが違う 4300人 (壱のみ、オンライン 販売含む) 52 ハコの大きさが 427人 (壱・弐合計) 違う ? 25万人 企業でのプロダクト 販売数/来場者 づくりも「どこに投資 すべきか?」は大きな ジャッジポイント 3.2% 12.2% ジャンルが違う ?

95.

たとえばこんなところがプロダクトマネジメント 【技術同人誌づくり】 【プロダクトマネジメント】 進行管理 プロジェクトマネジメント

96.

言い方を変えると… 技術同人誌づくりを通して 一気通貫のプロダクト マネジメントを疑似体験 できた!

97.

たとえばこんなところがプロダクトマネジメント できた! やってみ よう! わから ん! 調べるか ~! こんなの ずっと繰り返し てる わからんことを 自分の手で 解決していくこと に喜びを感じる プロダクトづくり も同じ

98.

ここからが 大事なポイント

99.

会社の業務は部署ごとに 役割が分かれてることが多い 開発部 品証部 壁 推進部 壁 営業部 壁

100.

おまけに部署異動は なかなか簡単には出来ない むずい 開発部 品証部 壁 推進部 壁 営業部 壁

101.

企業におけるプロダクトづくりの 全ての工程を一気通貫で体験する というのは実はなかなか難しい… 開発部 品証部 壁 むずい 推進部 壁 営業部 壁

102.

自分で体験してみないと 「何をやっているか」 「どんな気持ちでやってるか」 は想像しにくい 開発部 品証部 壁 隣は何やって んやろ… 推進部 壁 隣は何やって 隣は何やって 隣は何やって んやろ… んやろ… んやろ… 隣は何やって んやろ… 営業部 壁 隣は何やって んやろ…

103.

だから提案! 技術同人誌づくりを通して 一気通貫のプロダクト マネジメントを疑似体験 してみませんか?

104.

つまりこういうこと 工程 / 要素 企業でのプロダクト開発 技術同人誌づくり 役割分担 部署ごとに分断されがち 全て一人で疑似体験できる! 間接的、時間がかかる 超直接的 (目の前で声を聞ける!) 調整と合意形成に時間がかかる 自分自身の判断で出来る (爆速PDCA!) 予算、リソース、社内政治 己のみ!!!!!!! (誰のせいにも出来ない!) フィード バック 意志決定 制約条件

105.

技術同人誌じゃなくても良い! • プロダクトっぽいものであればまずは なんでもいい! • (例)YouTube動画 • (例)業務効率化ツール • まずは一気通貫やってみよう!

106.

Tips 自分の中に「リトル」を飼う 私の脳内のイメージ図 リトルshimitaka (執筆担当) うお~~~!! 書くぜ~~! 超書くぜ~~! 明日までに原稿 上げてもらわん とキツイっす リトルshimitaka (進行管理担当) イベント 楽しみだな あんまり焦って ~! 不具合(誤記) 増やさんといて リトルshimitaka (品証担当) リトルshimitaka (マーケティング担当) リトルshimitaka (販売担当) 販促物の発注 ちゃんと考え てる??

107.

最後に

108.

私は一時期 プロダクトづくりを やめていた

109.

理由のひとつが「管理職になったから」 ⇒ いらすとやの [引用元]【AgileJapan2024】及川さんの講演を聞いて「よし、 もう一度プロダクトづくりをやってみよう」と決心した話 https://note.com/shimitaka/n/nc3aefe973dc3 中間管理職のイラスト

110.

そんな時に Agile Japan 2024で 及川さんの講演 に出会う

111.

情熱駆動開発 [引用元] Agile Japan 2024 https://2024.agilejapan.jp/index.html

112.

何かをつくりだす 人間でありたい [引用元]【AgileJapan2024】及川さんの講演を聞いて「よし、 もう一度プロダクトづくりをやってみよう」と決心した話 https://note.com/shimitaka/n/nc3aefe973dc3

113.

うまくできなく たっていい 年齢なんて関係ない

114.

プロダクトを つくろう!

115.

Thank you for your attention!!