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
350
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
Loadbalancing exporter internals
Avatar for ymotongpoo ymotongpoo
1
130
RubyでRuby拡張を書いたらRubyより35倍速になったってどういうこと？？
Avatar for kazuho kazuho
3
610
AI時代から振り返るTerraform drift運用の歴史 / AI Age Reflections on the History of Terraform Drift Operations
Avatar for AEON aeonpeople
0
370
コーディングエージェントはTypeScriptの 型エラーをどう自己修正しているのか
Avatar for Melonps melonps
4
490
AI時代の私の技術インプットとアウトプット術
Avatar for tonkotsuboy_com tonkotsuboy_com
7
4.8k
Gradle×GitHub_ActionsでCI時間を約50%短縮 ジョブ分割の設計と落とし穴 / Cutting CI Time by ~50% with Gradle and GitHub Actions: Job-Splitting Design and Pitfalls
Avatar for 冨澤宝斗 takatty
0
130
Pythonでベイズモデリング
Avatar for Soogie soogie
0
180
AI とサービス・デザイン / AI and Service Design
Avatar for Kenji Saito ks91
PRO
0
170
AI時代に求められる思考のパラダイムシフト
Avatar for NRI Netcom nrinetcom
PRO
1
150
The Making of AI Chips
Avatar for Preferred Networks pfn
PRO
0
770
キャリア25年目にしてTypeScript に出会うまで - 「型」を通じて振り返るプログラミング言語遍歴 / Meeting TypeScript After 25 Years in Tech - Looking Back at My Programming Language Journey Through "Types"
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
2
280
自作エディターをOSSにして分かった、一人に刺さる開発が世界を動かす理由
Avatar for Shinya Saita shinyasaita
1
390

Featured

See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
600
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2k
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
310
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
1
190
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
302
52k
AI: The stuff that nobody shows you
Avatar for John Nunemaker jnunemaker
PRO
7
660
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
580
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
260
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k

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