20250528 AWS Startupイベント登壇資料：AIコーディングの取り組み

Transcript

1. シェアLT
 AIコーディングの取 り組み

2. C O N T E N T S 
 © INGAGE Inc. All Rights Reserved. 1. Cursor導入
 2. MCPの活用
 3. 効果
 4. 生産性...3倍になった？

3. © INGAGE Inc. All Rights Reserved. キムハンセ 
 
 株式会社インゲージ
 Vue.js・Ruby on Railsエンジニア
 
 開発生産性3倍プロジェクト　リーダー
 
 自己紹介
 プライベートではバンドやってます🎸

5. © INGAGE Inc. All Rights Reserved. お客様からのお問い合わせを一元管理するサービス 

6. © INGAGE Inc. All Rights Reserved. 様々なツールに対応している 

7. 01
 © INGAGE Inc. All Rights Reserved. Cursor導入

8. © INGAGE Inc. All Rights Reserved. 主な導入理由 ：企業の使用事例が多い
 →情報を得やすい、リスク管理しやすい
 
 その他よかったポイント 
 - Teamプランからはプライバシーモードが適用され、コードを学習しない
 - VSCode基盤のため乗り換えやすい
 Cursor 

9. © INGAGE Inc. All Rights Reserved. 約３ヶ月の間10名のエンジニアに試験運用
 
 生産性3倍チームを中心に、セキュリティの検証を行いながら、
 ルール設定やベストプラクティスの確立を行っている
 社内半分くらいが導入 

10. © INGAGE Inc. All Rights Reserved. CopilotのようにTabキーで
 AIにサジェストしてもらったものをどんどん入れられる
 
 エージェントと並ぶCursorのメイン機能
 Cursor Tabが有能 

11. © INGAGE Inc. All Rights Reserved. .cursorrulesをプロジェクト内に作って、必要な情報を渡すことができる
 
 Cursorは全コードにインデックスを貼る仕組みがあるため、
 ルールがなくてもかなり精度の高い回答が返ってくる
 ルール

12. © INGAGE Inc. All Rights Reserved. - Cursorの設定から不要モデルのチェックを外す必要あり
 - アップデート時に新しいモデルに自動でチェックが入ることがある 
 
 セキュリティ(一般ユーザー) 
 deepseekなどのモデルも選択肢としてある 

13. © INGAGE Inc. All Rights Reserved. - 生成AIは古いバージョンのライブラリーを推薦することがある
 - package.jsonで最新バージョンを使っているか見てくれる拡張機能導入 
 - .cursorrulesにライブラリーバージョンを最新にするように書いておく 
 - セキュリティに問題がある拡張機能・MCPを使わない
 - コードが学習されてしまう可能性があるため 
 - MCPはある程度公認されているものを使う 
 セキュリティ（一般ユーザー） 

14. © INGAGE Inc. All Rights Reserved. - 不正な言語モデルの使用
 - Cursorのダッシュボードで、ユーザーがどんなモデルを使用しているか確認可能 
 - 安全なMCPの選定
 セキュリティ（管理者） 

15. 02
 © INGAGE Inc. All Rights Reserved. MCPの活用

16. © INGAGE Inc. All Rights Reserved. MCP(Model Context Protocol) 
 https://www.anthropic.com/news/model-context-protocol
17. © INGAGE Inc. All Rights Reserved. Langchainでもすでにツールはあった 

18. © INGAGE Inc. All Rights Reserved. Cursorはいいホスト 
 LLM ツール Thought Action Observation どんなツールを使う？ ツール呼び出し ツール呼び出した結果 cursorが担ってくれる MCPをつけるだけ
19. © INGAGE Inc. All Rights Reserved. MCPは全てをハブのように繋ぐ 
 https://medium.com/@jefferylee73/mcp-%E7%A0%94%E7%A9%B6%E7%AD%86%E8%A8%98-ead850439603
20. © INGAGE Inc. All Rights Reserved. 要するに、USB Type Cみたいな存在です 

21. © INGAGE Inc. All Rights Reserved. CursorがMCPを取り入れてから流行り始めた 
 https://trends.google.com/trends/explore?q=mcp&hl=ja cursorがサポートし始める
22. © INGAGE Inc. All Rights Reserved. PostgreSQL MCP 
 → 一番効率向上を体感しやすい 
 　スキーマ構造、レコードを元に回答してくれるのでかなり精度が高まる 
 LINE MCP
 →テストメッセージ送信などに使える 
 　ドキュメントを見ながらcURLを作る手間が省ける 
 Docker Desktop MCP 
 →コンテナの中で打つコマンドがある場合、Dockerを使ってくれる 
 　他のツールとの拡張性が高い 
 使えたMCP 

23. © INGAGE Inc. All Rights Reserved. Figma MCP 
 - MCPの動きとしては素晴らしい
 - ただ、Figmaの命名を開発上での単位に合わせて作っていないと見た目だけが同じ ものが出来上がってしまう
 Vue Developer Tool MCP 
 - Docker内のクライアントにうまくつながらず
 - フロントエンドに慣れていない人が使えたら便利そう
 - AIとの会話でコンポーネントをすぐ見つけることができる 
 試したMCP 

24. © INGAGE Inc. All Rights Reserved. GitHub Wikiの内容をローカルにCloneし、
 markdownファイルを読み込むMCPサーバー開発
 
 →今まで運用してきたwikiをMCPで使うことができる
 自作MCPサーバー 

25. 03
 © INGAGE Inc. All Rights Reserved. 効果

26. © INGAGE Inc. All Rights Reserved. モノレポだったプロダクトからマイクロサービス化している途中
 
 ゼロから１を作るのに強いため、マイクロサービスの開発に向いている
 初見の人でもAIと会話することですぐ追いつけられる
 
 But, 別レポの内容を取り入れるための努力は必要
 （MCPで対応可）
 バイブコーディング 

27. © INGAGE Inc. All Rights Reserved. Claudeなどのツールを使うと会話の制限があったりする
 →オチを考えながら進めると脳のリソース使う
 
 一つのサービスに入ることで多様なモデルが使える
 
 
 月6000円でこれができる！
 生成AIチャットとしての活用 

28. © INGAGE Inc. All Rights Reserved. i18nでTypeScript、YAMLファイルの中に
 “// 要翻訳”のようにコメントを残したものを翻訳する仕組み
 
 機械翻訳だと、一般的な意味での翻訳はできるが、
 プロダクトの文脈を理解していないことが問題だった
 
 直接翻訳した時代に比べ、生産性10倍増加！
 翻訳

29. © INGAGE Inc. All Rights Reserved. CursorはVSCodeからforkしているものであるため、
 JetBrainのユーザーは乗り換えなければならない
 
 
 JetBrainでもWindSurfの拡張機能などは使えるものの、
 ネイティブに繋がっていないため限界がある
 JetBrain使えない 🥺

30. © INGAGE Inc. All Rights Reserved. - プロダクトが大きくなるとインデックスにメモリが使われる
 - 間違ったコードがレビューで見つからなかった時の手戻り
 - セキュリティ面を完璧には防げない
 
 副作用

31. 04
 © INGAGE Inc. All Rights Reserved. 生産性、3倍になった...?
 

32. © INGAGE Inc. All Rights Reserved. 一人で3人分の生産性を生み出すことが目標
 
 しかし、客観的数値ではわかりにくい
 - 一番わかりやすいcommitとPRの数だけでは生産性の指標にならない
 - タスクも絶対的な単位ではない
 生産性の指標は？ 

33. © INGAGE Inc. All Rights Reserved. コミット数 

34. © INGAGE Inc. All Rights Reserved. - フロントエンドの方が使用回数が多い
 - フロントエンド開発者はCursor Tabの使用回数が圧倒的に多い 
 - 使われた言語はRubyが一番多い
 - 効率はバックエンドの方が高い？ 
 ポジションによってそれぞれ 

35. © INGAGE Inc. All Rights Reserved. サジェストの受け入れ率は50%を上回る 

36. © INGAGE Inc. All Rights Reserved. 3倍にはなっていないな... 🧐

37. © INGAGE Inc. All Rights Reserved. 実際の開発に大きな割合を占めているものは？
 - コードレビュー
 - 動作テスト
 
 → Devin・Copilot・Claude Codeなどを活用する
 3倍にするためにはどんなことが必要？ 

38. © INGAGE Inc. All Rights Reserved.