個のパフォーマンスを上げるためのAIを使った取り組み

Transcript

1. 1 個のパフォーマンスを上げるための AIを使った取り組み 2025/07/14 株式会社エクスプラザ @_mkazutaka ~ 各社の事例から学ぶ！ AIコーディングエージェント活用の現在地 ~
2. Copyright© EXPLAZA Inc. All rights reserved.　 2 自己紹介 松本和高(まつもとかずたか) Twitter: _mkazutaka Github: mkazutaka 2018年株式会社メルカリに入社。バックエンドエンジニアとして、 リアーキテクチャやマイクロサービスを使った開発などに携わる。 その後、転職、フリーランス等を経て、2022年株式会社エクスプラザに所属。 2024年8月、同会社CTOに就任、パートナー事業、 コンテンツ生成サービスの立ち上げ等を行っている。 LLM周りの執筆・登壇 ▪ 人形町生成 AI忘年会「LLMと連携したブログ書くエディタを作ってみた 」 ▪ LLM Application Meetup vol.4: 「社内情報検索システムで用いられる RAGの4つの実装方法 」 ▪ LLM Application Meetup vol.5: 「GPTsより精度の高い RAGシステムの構築 」 ▪ Software Design 2024年8月号: 第1特集「LangChainではじめる LLMアプリ開発入門
3. Copyright© EXPLAZA Inc. All rights reserved.　 3 自己紹介 最近バイブコーディングで作った
4. Copyright© EXPLAZA Inc. All rights reserved.　 4 会社概要 Mission 一人ひとりの可能性を拡げる、 想像を超える未来を実装する AI 革命により、テイラーメードされたデジタルエージェントが、 私たちの暮らしを変えていきます。 その変革を "人びとの新たな可能性 " へと転換することが、 私たちの使命です。 強い好奇心を胸に、より速く、粘り強く挑戦し、想像を超える価値を 産み出す。 ほとばしる情熱で、「人と AI が共創する未来」を実現していきます。 会社名 株式会社エクスプラザ（EXPLAZA, Inc.） 代表者 代表取締役 CEO　高橋 一生 設立 2020年7月3日 所在地 東京都港区六本木4丁目8-5和光ビル 従業員数 50名（業務委託含む） 金融機関 さわやか信用金庫 日本政策金融公庫 主要認定・採択等
5. Copyright© EXPLAZA Inc. All rights reserved.　 5 目次 • 会社のAIを使うための取り組みの紹介 • どういう考えでコーディングエージェントを活用しているかの紹介 • 実際にどうやって使っているかの紹介
6. 6 会社のコーディングエージェントに対する取り組み
7. Copyright© EXPLAZA Inc. All rights reserved.　 7 コーディングエージェントに対する取り組み ノーコディングウィーク
8. Copyright© EXPLAZA Inc. All rights reserved.　 8 コーディングエージェントに対する取り組み Figma禁止、生成AIだけでプロダクトデザインを実装する
9. Copyright© EXPLAZA Inc. All rights reserved.　 9 コーディングエージェントに対する取り組み Figma禁止の成果物: インタラクティブモックと社内では言っている
10. Copyright© EXPLAZA Inc. All rights reserved.　 10 コーディングエージェントに対する取り組み Codexを囲む会
11. Copyright© EXPLAZA Inc. All rights reserved.　 11 コーディングエージェントに対する取り組み Cursor全社員導入、AIPMシステムの導入
12. Copyright© EXPLAZA Inc. All rights reserved.　 12 コーディングエージェントに対する取り組み @mizchiさんを読んで勉強会 写真を取り忘れる痛恨のミス、その後一緒に御飯いかせてもらったが楽しかった、おすすめ
13. Copyright© EXPLAZA Inc. All rights reserved.　 13 コーディングエージェントに対する取り組み 最近は、もう「ClaudeCode」一択..?
14. Copyright© EXPLAZA Inc. All rights reserved.　 14 コーディングエージェントに対する取り組み 使うのは当たり前、そのうえで CodingAgentだけでどう実装するかを考えるフェーズ
15. 15 CodingAgentだけでどう実装するか ...?
16. Copyright© EXPLAZA Inc. All rights reserved.　 16 CodingAgentだけでどう実装するか...? 少し視点を先に向けて、皆さん将来の開発はどうなると思いますか？ …ここを少し考えてる
17. Copyright© EXPLAZA Inc. All rights reserved.　 17 CodingAgentだけでどう実装するか...? CodingAgentによってプログラム書くという行為にバリエーションが出た 並列実装: コンペ型の実装 並行実装: 複数プロダクトを同時に実装 妖精さん実装: プロンプト投げて寝る
18. Copyright© EXPLAZA Inc. All rights reserved.　 18 CodingAgentだけでどう実装するか...? CodingAgentによってプログラム書くという行為にバリエーションが出た 並列実装: コンペ型の実装 並行実装: 複数プロダクトを同時に実装 妖精さん実装: プロンプト投げて放置
19. Copyright© EXPLAZA Inc. All rights reserved.　 19 CodingAgentだけでどう実装するか...? 並列実装: Github Worktree + Tmuxを使った並列に実装 参考: https://x.com/kamui_qai/status/1929586462368190910
20. Copyright© EXPLAZA Inc. All rights reserved.　 20 CodingAgentだけでどう実装するか...? 並列実装: ChatGPT Codex
21. Copyright© EXPLAZA Inc. All rights reserved.　 21 CodingAgentだけでどう実装するか...? CodingAgentによってプログラム書くという行為にバリエーションが出た 並列実装: コンペ型の実装 並行実装: 複数プロダクトを同時に実装 妖精さん実装: プロンプト投げて放置
22. Copyright© EXPLAZA Inc. All rights reserved.　 22 CodingAgentだけでどう実装するか...? 並行実装: 同時に1 or 複数プロダクト or PRを開発する 妖精さん実装: プロンプト投げて寝る / ミーティングに参加する
23. Copyright© EXPLAZA Inc. All rights reserved.　 23 CodingAgentだけでどう実装するか...? これが未来のコーディングの姿か？ ここでは、並行実装にフォーカスを当てる 実際にやってみると問題も見えてくる
24. Copyright© EXPLAZA Inc. All rights reserved.　 24 CodingAgentだけでどう実装するか...? 並行実装の問題 人間ボトルネック問題 コーディングエージェントを使った実装は 人間ボトルネック問題 をいかに解決するかが重要
25. 25 人間ボトルネック問題について考える
26. Copyright© EXPLAZA Inc. All rights reserved.　 26 人間ボトルネック問題について考える 理想のコーディングエージェントの開発フロー 人間 Coding Agent インタラクション
27. Copyright© EXPLAZA Inc. All rights reserved.　 27 人間ボトルネック問題について考える 人間 Coding Agent インタラクション 実際のコーディングエージェントの開発フロー
28. Copyright© EXPLAZA Inc. All rights reserved.　 28 人間ボトルネック問題について考える 人間 Coding Agent インタラクション インタラクションがボトルネックになる要素に コーディングと同じ量ぐらいプロンプト書いてる ..みたいな話
29. Copyright© EXPLAZA Inc. All rights reserved.　 29 人間ボトルネック問題について考える 人間 Coding Agent 更に並行で考えてみると、大変なことに Coding Agent Coding Agent インタラクション 並行数 * インタラクションの数 = 地獄
30. Copyright© EXPLAZA Inc. All rights reserved.　 30 CodingAgentだけでどう実装するか...? 並行実装の問題 人間ボトルネック問題 コーディングエージェントを使った実装は 人間ボトルネック問題 をいかに解決するかが重要 インタラクションの数を減らすことが必要
31. Copyright© EXPLAZA Inc. All rights reserved.　 31 人間ボトルネック問題について考える インタラクションの数を 削減 なるべく長く考えさせる (+精度↑) 定常タスクを忘れずに実行させる 質のいいコードを書かせる インタラクションの数を減らすには ...
32. 32 インタラクティブを減らす コーディングエージェントの実践知
33. Copyright© EXPLAZA Inc. All rights reserved.　 33 インタラクティブを減らすコーディングエージェントの実践知 CodingAgent色々あると思いますが ClaudeCodeを前提に話します
34. Copyright© EXPLAZA Inc. All rights reserved.　 34 インタラクティブを減らすコーディングエージェントの実践知 ClaudeCodeとは... ターミナル内で動作し、コー ドベースを理解し、自然言 語コマンドを 通じてより高速な コーディングを支援する エージェンティックな コーディングツール Terminalで動くので Intellij、VSCodeにも 対応している 最近Windowsに対応した
35. Copyright© EXPLAZA Inc. All rights reserved.　 35 インタラクティブを減らすコーディングエージェントの実践知 ClaudeCodeの重要な要素: メモリ: Claude.md Claude Codeは、スタイルガイドラインやワークフローの一般的なコマンドなど、 セッション間であなたの設定を記憶することができます
36. Copyright© EXPLAZA Inc. All rights reserved.　 36 インタラクティブを減らすコーディングエージェントの実践知 インタラクション数を減らす なるべく長く考えさせる (+精度↑) 定常タスクを忘れずに実行させる 質のいいコードを書かせる
37. Copyright© EXPLAZA Inc. All rights reserved.　 37 インタラクティブを減らすコーディングエージェントの実践知 思考時間が長いほど精度は高くなる (o1の例) 参考: https://openai.com/index/learning-to-reason-with-llms/
38. Copyright© EXPLAZA Inc. All rights reserved.　 38 インタラクティブを減らすコーディングエージェントの実践知 なるべく長く考えさせる ultrathink / しっ かり考えてを使う 参考: https://x.com/ml0_1337/status/1929591134080454665 https://x.com/gaishi_narou/status/1941105712408432688
39. Copyright© EXPLAZA Inc. All rights reserved.　 39 インタラクティブを減らすコーディングエージェントの実践知 実践: 弊社リブランディング UIを実装してみる 環境は、 Sveltekit v5, Tailwind v4
40. Copyright© EXPLAZA Inc. All rights reserved.　 40 インタラクティブを減らすコーディングエージェントの実践知 実践: 弊社リブランディング UIを実装してみる: プロンプトパターン プロンプト 1: @src/+page.routeを@image/pathを参考に実装してください プロンプト 2: @src/+page.routeを@image/pathを参考にしっかり考えて実装してください
41. Copyright© EXPLAZA Inc. All rights reserved.　 41 インタラクティブを減らすコーディングエージェントの実践知 実践: 弊社リブランディング UIを実装してみる: 結果: 実行時間
42. Copyright© EXPLAZA Inc. All rights reserved.　 42 インタラクティブを減らすコーディングエージェントの実践知 実践: 弊社リブランディング UIを実装してみる : 結果: MAX_THINKING_TOKENSバージョン
43. Copyright© EXPLAZA Inc. All rights reserved.　 43 インタラクティブを減らすコーディングエージェントの実践知 実践: 弊社リブランディング UIを実装してみる : 結果の比較 左: 参考データ | 真ん中: 何もしない | 右: 長考パターン
44. Copyright© EXPLAZA Inc. All rights reserved.　 44 インタラクティブを減らすコーディングエージェントの実践知 インタラクション数を減らす なるべく長く考えさせる (+精度↑) 定常タスクを忘れずに実行させる 質のいいコードを書かせる
45. Copyright© EXPLAZA Inc. All rights reserved.　 45 インタラクティブを減らすコーディングエージェントの実践知 定常タスクを忘れずに実行させる ルールを会話のはじめに表示させる 参考: https://zenn.dev/sesere/articles/0420ecec9526dc
46. Copyright© EXPLAZA Inc. All rights reserved.　 46 インタラクティブを減らすコーディングエージェントの実践知 個人的に使っているClaude.md
47. Copyright© EXPLAZA Inc. All rights reserved.　 47 インタラクティブを減らすコーディングエージェントの実践知 実行してみた結果 ルール表示の Claude.mdの有り無しの比較
48. Copyright© EXPLAZA Inc. All rights reserved.　 48 インタラクティブを減らすコーディングエージェントの実践知 インタラクション数を減らす なるべく長く考えさせる (+精度↑) 定常タスクを忘れずに実行させる 質のいいコードを書かせる
49. Copyright© EXPLAZA Inc. All rights reserved.　 49 インタラクティブを減らすコーディングエージェントの実践知 質の良いコードを書かせるコツ 割れ窓に気をつける : 割れ窓理論「建物の窓が壊れているのを放置すると、誰も注意を払っていな いという象徴になり、やがて他の窓もまもなく全て壊される」 クソテストコード A クソテストコード A’ クソテストコード A’’ クソテストコード A’’’ Coding Agent クソテストコードAは 適当に書いたテストコード です。ベースはこれでいい ですが、もっといい感じに 別の書いて 私
50. Copyright© EXPLAZA Inc. All rights reserved.　 50 インタラクティブを減らすコーディングエージェントの実践知 質の良いコードを書かせるコツ TDD: テスト駆動開発（ Test-Driven Development）、私も研究中 参考: https://tidyfirst.substack.com/p/augmented-coding-beyond-the-vibes
51. Copyright© EXPLAZA Inc. All rights reserved.　 51 インタラクティブを減らすコーディングエージェントの実践知 色々いいましたが....... 最後に大事なこと
52. Copyright© EXPLAZA Inc. All rights reserved.　 52 インタラクティブを減らすコーディングエージェントの実践知 Zennを見るのがおすすめ、実践知がすごい 参考: https://zenn.dev/topics/claudecode
53. 53 その他のTips
54. Copyright© EXPLAZA Inc. All rights reserved.　 54 デザインの実装を頑張る デザインの実装をFigmaMCPを組み合わせるといいよ 「画像を参考に実装」 →「FigmaMCP」で微調整
55. 55 まとめ
56. Copyright© EXPLAZA Inc. All rights reserved.　 56 まとめ • CodingAgentの実装手法 ◦ 並列実装 ◦ 並行実装 ◦ 妖精さん実装 • 並行実装においてはインタラクション数を減らす事が重要 ◦ なるべく長く考えさせる ◦ 定常タスクを忘れずに実行させる ◦ 質の良いコードを書かせる • Zennの実践知がすごい
57. Copyright© EXPLAZA Inc. All rights reserved.　 57 宣伝: We are Hiring!! 「一人ひとりの可能性を広げる、想像を超える未来を実装する」を Missionに開発メンバー募集しています！ ぜひ少しでも興味があれば連絡ください！ @_mkazutakaでXもやってます。 よかったらフォローお願いします https://forms.gle/nnBQobHb8 x2xXk4k7