Upgrade to Pro — share decks privately, control downloads, hide ads and more …

隙間時間で爆速開発！ Claude Code × Vibe Coding で作るマニュアル自動...

Avatar for Akitomo Sato Akitomo Sato
July 29, 2025
Technology
360
3

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

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

Avatar for Akitomo Sato

Akitomo Sato

July 29, 2025

Other Decks in Technology

See All in Technology
AmplifyHostingConstructからSSRフレームワークのためのホスティング設計を考察する/amplify-hosting-construct
Avatar for MURAKAMI Masahiko fossamagna
1
170
実践！既存 Project への AI-Driven Development 適用〜 一ヶ月で Project 唯一のフロントエンドエンジニアを作り出せ〜
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
140
ボーイスカウトルールでメモリやスキルを改善しよう
Avatar for azukiazusa azukiazusa1
4
1.4k
End-to-Endで考える信頼性 — LINEアプリにおける クライアント開発×SRE連携の実践
Avatar for maru maruloop
4
4.5k
脱金融のフューチャー・デザイン / Future Design Beyond Finance
Avatar for Kenji Saito ks91
PRO
0
150
企業でAWS Organizationsを動かすための組織設計の考え方
Avatar for NRI Netcom nrinetcom
PRO
1
100
AI、CDK と協働する Full TypeScript アプリケーション開発 / Full TypeScript Application with AI and CDK
Avatar for ギークプラス ソフトウェア事業部 geekplus_tech
2
320
ゴールデンパスは敷いただけでは道にならない ─ 企画部門のエンジニアが技術標準を事業価値に変えるまで
Avatar for みずほリサーチ&テクノロジーズ株式会社 先端技術研究部 mhrtech
1
190
Alphaモジュール使っていいのかい！？いけないのかい！？どっちなんだいっ！？
Avatar for watany watany
1
260
AI時代のPlaywright活用(システムテストを自動化する ー 実行エンジンにPla ywrightを選んだ理由)
Avatar for 西田泰明 ynisqa1988
0
120
Amplify Gen2でbackend.tsにCDKを定義する/しない事によるCDKの挙動の違いとユースケース
Avatar for Makky12 smt7174
1
350
Amazon EVS で VCF 9.0 / 9.1 のサポート開始まとめ
Avatar for mtoyoda mtoyoda
0
310

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
3
1.1k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
150
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.5k
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
610
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
1
370
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
32k
WENDY [Excerpt]
Avatar for Tessa Abrams tessaabrams
11
38k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.9k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
1
770
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
Avatar for Sophie Logan marketingsoph
0
270

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. アジャイルに力を与え 共に成長し続ける社会を創る