Easy Vibe Coding on your smartphone with Claude Projects

10/27のクラウドエージェントMeetup #1で登壇した内容です。
https://aid.connpass.com/event/409028/

Transcript

2. ⽤意するもの ‧スマートフォン たった これだけ！ ‧Claudeアプリ ‧GitHubアプリ https://www.irasutoya.com/2013/12/blog-post_7777.html 2
3. Vibe Coding - 1 リリースまで の⽬標を ⽴てよう！ https://www.irasutoya.com/2013/12/blog-post_7777.html 3
4. Vibe Coding - 2 登録した Issueを 進めて もらうぞ https://www.irasutoya.com/2013/12/blog-post_7777.html 4
5. Vibe Coding - 3 作らせた タスク管理表 を⾒ながら 指⽰を出そう https://www.irasutoya.com/2013/12/blog-post_7777.html 5
6. Vibe Coding - 4 あとは完成するまでチャットしよう - 「進捗どうなってるの？」 「君ができる部分はやってよ」 「その選択肢のどれが筋がいいの？」 「なんとかならないの」 https://www.irasutoya.com/2013/12/blog-post_7777.html 6
7. 〜終〜 7
8. 「クラウドエージェント」の ノウハウとは何を指しているのか 8
9. About Me 渡邉 洋平(watany) • • • • 所属：NTTテクノクロス株式会社 AWS Ambassadors(2024〜) JAWS-UG東京(AWSコミュニティ) 運営 寄稿：DeveloperZine ◦ 仕様駆動開発への期待と誤解 Software Design 2026年10月号 https://gihyo.jp/magazine/SD/archive/2026/202610 9
10. みなさんもう読みましたか？！ エージェント⼊⾨の「最初の3⽇」を本書で試して、 クラウドエージェントの世界へ⾶び出しましょう！ https://www.sbcr.jp/product/4815636593/ 10
11. 「スマホで〜」がクラウドエージェントに繋がる理由 - 2026/10時点でのエージェント運⽤の現在地 - タイピングが必要な量のプロンプトを書いたら負け - 状態をローカルに依存したら負け - iPhoneの画⾯で⾒切れない量のレビューをしたら負け - スマホで⼗分に開発できる状況ならば、必然的にモダンな開発スタ イルになる。 - これを機能させる環境にクラウド型エージェントは有⽤ - 触ったもの - Cursor Cloud Agents - Claude Cloud Sessions, Claude Projects - Codex 11
12. 何が必要なのか 1. 状態管理をGitリポジトリから逃がす 2. Claude Projectsを使う 3. ハンドラーSkills 12
13. 1. 状態管理をGitリポジトリから逃がす 計画と実⾏をファイルベースでやり取りする例 Plan & Act https://docs.cline.bot/features/plan-and-act Understanding Spec-Driven-Development: Kiro, spec-kit, and Tessl https://martinfowler.com/articles/exploring-gen-ai/sdd-3-tools.html 13
14. 1. 状態管理をGitリポジトリから逃がす Planモード/仕様駆動開発で、計画をファイル化する問題 - docs/planのようなフォルダの肥⼤化 - 作業時に必要なファイルを永続化させると、コンテキストが嵩み リポジトリ内の検索時に混乱を招く - 開発資材のライフサイクルと、開発中の状態管理を分離したい - 中間ファイルとして管理するとスケールしない 14
15. 1. 状態管理をGitリポジトリから逃がす Source of TruthをGitHub Issue にする例 - リリースまでのタスクを Issue登録 - Roadmap - レビュー結果をIssue登録 - Refactoring - Security - Performance ResearchPlanAssignOps https://github.github.com/gh-aw/patterns/research-plan-assign-ops/ 15
16. 2. Claude Projects 新しいClaude Projectsが⼀部のPro‧MAXプラン利⽤者へ提供 - Worker Threadによる複数タスクの割り当て‧追跡が可能に - 実質的にCloud Sessionsの上位互換版 Let Claude coordinate ongoing work with Projects https://code.claude.com/docs/en/claude-projects 16
17. 2. Claude Projects 17
18. 2. Claude Projects 旧Projectsとの違い - メインチャット‧サブチャット (Thread)の概念 - 基本はメインチャットへ指⽰ - 各ワーカーのスレッドにも⾏ける Anthropic、Claudeの「Projects」を刷新⸺1つの会話から作業を振り分け、クラウドで並⾏実⾏ https://gihyo.jp/article/2026/09/claude-code-new-projects-feature 18
19. 2. Claude Projects ex. Cloud Sessons ex. Cline Kanban Multiagent orchestration プロダクトの類例 - Beyond permission prompts: making Claude Code more secure and autonomous https://www.anthropic.com/research/claude-code-sandboxing Claude Projects Managed Devin Cursor Projects 19 https://x.com/cline/status/2037182739695493399
20. 2. Claude Projects 所感 - クラウドエージェントは必ず⼈でサチる - エージェントの待ち時間にセッション/ジョブ/スレッドを起動するよ うになる - 待ちスレッドの状態確認や遷移を⼿動でやるのは困難で⾯倒 - コーディネーター - スレッド⽅式でワーカー管理を楽にする - Claude以外のプロダクトでもいいが早めに採⽤していい(はず) 20
21. 3. ハンドラーSkills - Agent Skillsは「必要な時だけ読まれる」が特徴だが、現状は⼿動 で使っている - 「確率的に失敗する」ものに依存しない - Multiagent orchestrationでワーカーを⾛らせる際、Issue解決時 のプロセスを標準化し「/kick #abcして」で済ませたい - 実装→テストPass→実機検証 レビュー→リファクタ(エントロピーを⼩さくする) CI通過までの確認 ⼈間が必要な時(HITL)の相談 21
22. 3. ハンドラーSkills 例：/kick 22
23. 3. ハンドラーSkills 例：/kick → /wrapup 23
24. 3. ハンドラーSkills 例：/kick → /wrapup → Reviews 24
25. まとめ - クラウドエージェントでスマホで簡単(に介⼊できる程度で)開発 できると効率がいい - クラウドエージェントの基本型 - 開発ロードマップ‧セキュリティレビュー‧リファクタリン グをIssue登録 - ハンドラSkill(/kick)だけで、プロセスより結果の検証 - Multiagent orchestrationでタスク管理 - CIや各種テスト⼯程で品質を⾼められるようハーネスを設定する 25