隙間時間で爆速開発！ Claude Code × Vibe Coding で作るマニュアル自動生成サービス

以下で発表した内容のスライドです。
https://kddi-agile.connpass.com/event/362637/

Transcript

1. 隙間時間で爆速開発！ Claude Code × Vibe Coding で作る マニュアル自動生成サービス 2025.07.29( 火) KDDI アジャイル開発センター株式会社 佐藤明智
2. aaa aaa KDDI Agile Development Center Corporation どんなアプリを作ったか？ 背景 サービス概要 どうやって作ったか？ 背景 開発フロー 詳細 本日話す内容
3. KDDI Agile Development Center Corporation 突然ですが、 こんな困りごとありませんか？
4. KDDI Agile Development Center Corporation たとえば 経費精算システムの申請手順書 手動テストのマニュアル作成 マニュアル・手順書の作成、面倒ではないですか？ こういったマニュアルを望んで作成したい人、ほぼ居ないはず、 、 、 スクリーンショット付きのマニュアルが欲しい！ ▶じゃあ、作っちゃおう！ ⇐マークダウンのみ
5. サクッとManual Maker https://sakutto-manual-maker.pages.dev KDDI Agile Development Center Corporation 何ができるか？ 収録した動画から文章とスクリーンショット付きのマニュアルを作成 マークダウン、PDF 出力対応 サービス概要 with
6. KDDI Agile Development Center Corporation 動作画面( 出力結果) ブラウザ表示 PDF 出力表示
7. KDDI Agile Development Center Corporation Claude Code を用いて爆速でVibe Coding で実装したい！が、 、 、 時間がない 家事 趣味 退勤後も机に向かうのは疲れる 解決案 隙間時間を活用してスマホでいつでもどこでも 実装できるようにすればいいのでは？ 開発着手前に考えていたこと
8. KDDI Agile Development Center Corporation 開発フロー図 Vibe Coding デプロイ ソース管理 タスク管理 MCP
9. KDDI Agile Development Center Corporation 開発フロー図 Vibe Coding デプロイ ソース管理 タスク管理 MCP
10. KDDI Agile Development Center Corporation Raspberry Pi Connect を使用 スマホからRaspberry Pi にアクセス あらゆるブラウザからRaspberry Pi の デスクトップやシェルにアクセスが可能となる インターネット経由なので外出先でもアクセス可能 外出先 インターネット 自宅のRaspberry Pi アクセス画面
11. KDDI Agile Development Center Corporation 開発フロー図 Vibe Coding デプロイ ソース管理 タスク管理 MCP
12. 歯医者の待ち時間 散髪中 筋トレの休憩中 KDDI Agile Development Center Corporation いつでもどこでもRaspberry Pi 経由でClaude Code を用いてVibe Coding が可能に！ Raspberry Pi 経由でClaude Code×Vibe Coding Claude Code 操作画面
13. KDDI Agile Development Center Corporation 開発フロー図 Vibe Coding デプロイ ソース管理 タスク管理 MCP
14. KDDI Agile Development Center Corporation Claude Code とAtlassian リモートMCP を利用して バックログを作成& バックログを元に実装指示 Jira でタスク管理 人が行う作業（スキマ時間で作業） バックログの微修正 バックログの優先順位付け バックログ一覧 バックログ詳細
15. KDDI Agile Development Center Corporation 開発フロー図 Vibe Coding デプロイ ソース管理 タスク管理 MCP
16. KDDI Agile Development Center Corporation Claude Code Tips KentBeck 氏のCLAUDE.md を参考 テスト駆動開発 TIDY FIRST アプローチ JIRA のバックログ管理ルールをCLAUDE.md に記載 起票テンプレート タイトル 受け入れ条件 備考
17. aaa aaa KDDI Agile Development Center Corporation 今までの開発体験 椅子に座りデスクに向かう 外出中は実装できない 今回の開発体験 スマホで開発できる ソファに寝転がりながら、など 外出中でも実装できる 歯医者 美容院 ジム Claude Code の利用制限を 上限まで利用できる まとめ
18. Be a Change Leader. アジャイルに力を与え 共に成長し続ける社会を創る