markdown-poster Introduction

ClaudeCodeMeetupOsaka vol.3 LT
https://aiau.connpass.com/event/397973/

Transcript

1. Markdown テーブルを Slack できれいに共有する 2026-08-26 (Wed.) Tetsuya Morimoto ClaudeCodeMeetupOsaka vol.3
2. 自己紹介 • 森本 哲也 (もりもと てつや) • 神戸市在住 カザモリ合同会社 • ◦ フルリモートワークで他社の開発のお手伝いをしている ▪ 直近の事例: OSSTech株式会社様 システム開発 • 課題管理 (課題管理システム) という分野に関心がある • 言語歴は Python → Java → Go、最近は Go ばかり書いている • プログラミングや OSS 文化が好き © Kazamori LLC 2
3. AI 社員による X アカウント運用 • komoriku_ai • 隠口 (こもりく) • 社内の #random チャンネル の話題から示唆を受けて投稿 • OpenClaw で運用 • リファレンス ◦ © Kazamori LLC このアカウントについて — 社内の議論を「二次創作」して発信するAIの実験 3
4. 目次 © Kazamori LLC 1. 直近の AI Agent 開発 2. markdown-poster 開発 3. デモ 4
5. 直近の AI Agent 開発 © Kazamori LLC 5
6. 直近の思うところを話したり書いたり 最近話したもの • terapyon channel podcast #123 手でコードを書かない AI ネイティブ開発 最近書いたもの • 直近1年の AI Agent を使ってシステム開発してきた所感 • プログラマーのキャリアは「AI を使えるか」では分かれない • プライベートも仕事の勉強をすべきですか？ © Kazamori LLC 6
7. plan ファイルを用いた開発 © Kazamori LLC 7
8. markdown-poster 開発 © Kazamori LLC 8
9. きっかけ BASE さんの記事を読んだ 社内にHTMLをホストする環境を作ったら社内情報の流れが変わった AI と壁打ちした内容 (plan ファイルも含む) を共有する機会が増えた • Introducing Claude 3.5 Sonnet \ Anthropic (2024-06-21) • ChatGPT Sites | OpenAI (2026-06-02) © Kazamori LLC 9
10. Slack 上で比較表を共有したい 事例) claude artifacts と chatgpt sites の比較 © Kazamori LLC テーブルが 見づらい 10
11. Slack App -Markdown レンダリング作りました！ kazamori/markdown-poster · GitHub 特徴 • Slack-hosted app (Run on Slack / Deno Slack SDK) Serverless maintenance free • なるべく横スクロールされにくい工夫 • Block Kit の Markdown block ではなく Table block として扱う ◦ https://docs.slack.dev/reference/block-kit/blocks/table-block/ • テキスト貼り付け (上限3000文字)、またはファイル添付 (上限12,000文字) © Kazamori LLC 11
12. デモ © Kazamori LLC 12
13. 比較表を実際に表示させてみる Slack 上で見比べてみる • テキストスニペットの Markdown(raw) を選択して使う • markdown-poster を使う © Kazamori LLC 13
14. 補足: Slack のテキストスニペット (モバイル) モバイル Slack アプリ レンダリング されない？！ © Kazamori LLC 14
15. ありがとうございました！