明日の講演、こうやって作ってます - KomeKaigi 2026招待講演のメイキング / niigata-5min-tech-20261030

Niigata 5分 Tech #28で話しました
https://niigata-5min-tech.connpass.com/event/408759/

Transcript

1. （ KomeKaigi 2026 前夜祭） LT 明日の講演、こうやって作ってます 2026.10.30 / Niigata 5min Tech KomeKaigi 2026 招待講演のメイキング Yukiya Nakagawa (Nkzn)
2. 明日、KomeKaigi 2026で40分話します タイトル 視野はAIに、視座は人に 日時 10/31（土）10:10〜10:50（オープニング直後） 会場 NINNO3 Room F（一番奥の大きい部屋） 今夜は中身ではなく、作り方の話をします 中身は明日のお楽しみ 2
3. 今回のチャレンジ 1 台本を先に書く 2 台本はAIに書かせない スライドを先に作ると、スライドを音読する発表になって話に厚みが出ない AI 3 の担当は、雑談の聞き役と、スライドまわりの仕組みづくり HTML 40 で書き出して、ペースメーカーを出す 分の長丁場でも、いま早いのか遅いのかが一目でわかる ※ちなみにこのLTは、スライドを読むスタイルです 3
4. 段取り：3週間でこう進めた 日付 やったこと 10/10 AI と雑談してネタを煮詰め、タイトルと概要を決めて提出 10/24 構成と時間配分を決め、スライドの作り方を検証（Marp＋ペースメーカー） 10/25 〜 10/29 台本を手で書く。書けた場面から、話の区切りでスライドを分割 10/30 台本からスライド本文（キーワード・表・図）を起こし、スクショを貼る 10/31 本番 10/10 〜 10/30 で 52 コミット。スライドは 58 枚、台本は約 1.4 万字になった 4
5. 雑談フェーズ：AIは聞き役 話すのは自分。AIは質問を返さず、繰り返し出てくる言葉や論点同士のつながりを観察して 返す 記録は brainstorm.md 。「本人談」と「聞き手（AI）の観察」を分けて残す AIの観察が、いつのまにか自分の主張として概要に書かれていたことがあった。それ以 来、区別を徹底 タイトルは観点が出そろってから、最後にラベルとして付ける 副題には頼らず、主題一本で勝負する 5
6. 台本フェーズ：スライドより台本が先 台本は、Marpの発表者ノート（HTMLコメント）として deck.md に直接書く 会場のHTMLで p キーを押すと、発表者ビューに台本が出る まず1場面1枚で書き、話の区切りでスライドを分割していく 書き終えたら、各場面で背景に出しておきたい情報だけをスライドに起こす キーワードを目立たせるために分割して、31枚が58枚になった 図は画像にせず、HTML/CSSとインラインSVGで deck.md の中に書く 6
7. 左：台本とインラインSVG 右：プレビュー 7
8. 引き継ぎ：AIとの作業を1つのフォルダに置く ファイル 中身 次に来るエージェントへの引き継ぎ。現在地、決定の理由、進め方の好み structure.md 構成と時間配分。ここを「現在の正」とする brainstorm.md 雑談の記録 slides/deck.md スライドと台本 Obsidian の vault （ git 管理）の中に置いている。クラウドの Claude Code で始めて、手元の Cursor や Antigravity に移っても、続きから再開できる AGENTS.md 8
9. 仕組み：ペースメーカーと公開版 を --html 付きで書き出すと、Markdownに書いた <script> がそのまま動く 表示中のスライドは svg[data-marpit-svg] の .bespoke-marp-active で取れる パートの最初に <!-- pace: 5 --> と書くと、ビルド時に各スライドの目安時刻を埋め 込む 経過は2枚目から動き出す。30秒以上遅れると赤、早いと青。右上をご覧ください Marpの書き出したHTMLには、台本がそのまま入る 公開版は、CSSで隠すのではなく、書き出す前にコメントごと取り除く 会場だけで見せるスライドには <!-- venue-only --> を付けて、公開版から外す Marp CLI 9
10. ハマったところ は標準入力が端末でないと、入力待ちで止まる スクリプトから呼ぶときは標準入力を閉じる --theme-set は配列を受けるので、後ろに置いた入力ファイルをテーマとして吸い込む 入力ファイルを先に書く 区切りの --- を二重にすると、空のスライドが1枚増えて、目安時刻が1枚ずれる インラインSVGの中にHTMLコメントを書くと、台本として拾われる marp 10
11. 続きは明日 視野はAIに、視座は人に 10/31 （土）10:10〜 NINNO3 Room F KomeKaigi 2026 招待講演 / Yukiya Nakagawa (Nkzn) LT