Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
20250528 AWS Startupイベント登壇資料:AIコーディングの取り組み
Search
Hanse Kim
May 28, 2025
Programming
0
190
20250528 AWS Startupイベント登壇資料:AIコーディングの取り組み
Hanse Kim
May 28, 2025
Tweet
Share
More Decks by Hanse Kim
See All by Hanse Kim
20240820 はじめてvue coreにコントリビュートした話
procrustes5
0
4
Other Decks in Programming
See All in Programming
Claude Code + Container Use と Cursor で作る ローカル並列開発環境のススメ / ccc local dev
kaelaela
12
7k
リバースエンジニアリング新時代へ! GhidraとClaude DesktopをMCPで繋ぐ/findy202507
tkmru
3
950
What's new in AppKit on macOS 26
1024jp
0
150
「テストは愚直&&網羅的に書くほどよい」という誤解 / Test Smarter, Not Harder
munetoshi
0
200
ふつうの技術スタックでアート作品を作ってみる
akira888
1
1.3k
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
2
12k
ペアプロ × 生成AI 現場での実践と課題について / generative-ai-in-pair-programming
codmoninc
2
21k
AIともっと楽するE2Eテスト
myohei
8
3k
CDK引数設計道場100本ノック
badmintoncryer
2
470
チームのテスト力を総合的に鍛えて品質、スピード、レジリエンスを共立させる/Testing approach that improves quality, speed, and resilience
goyoki
5
1.1k
AI コーディングエージェントの時代へ:JetBrains が描く開発の未来
masaruhr
1
200
Goで作る、開発・CI環境
sin392
0
260
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
35
6.7k
The Invisible Side of Design
smashingmag
301
51k
Gamification - CAS2011
davidbonilla
81
5.4k
A Modern Web Designer's Workflow
chriscoyier
695
190k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Why Our Code Smells
bkeepers
PRO
337
57k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Facilitating Awesome Meetings
lara
54
6.5k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Transcript
シェアLT AIコーディングの取 り組み
C O N T E N T S ©
INGAGE Inc. All Rights Reserved. 1. Cursor導入 2. MCPの活用 3. 効果 4. 生産性...3倍になった?
© INGAGE Inc. All Rights Reserved. キムハンセ 株式会社インゲージ
Vue.js・Ruby on Railsエンジニア 開発生産性3倍プロジェクト リーダー 自己紹介 プライベートではバンドやってます🎸
None
© INGAGE Inc. All Rights Reserved. お客様からのお問い合わせを一元管理するサービス
© INGAGE Inc. All Rights Reserved. 様々なツールに対応している
01 © INGAGE Inc. All Rights Reserved. Cursor導入
© INGAGE Inc. All Rights Reserved. 主な導入理由 :企業の使用事例が多い →情報を得やすい、リスク管理しやすい
その他よかったポイント - Teamプランからはプライバシーモードが適用され、コードを学習しない - VSCode基盤のため乗り換えやすい Cursor
© INGAGE Inc. All Rights Reserved. 約3ヶ月の間10名のエンジニアに試験運用 生産性3倍チームを中心に、セキュリティの検証を行いながら、 ルール設定やベストプラクティスの確立を行っている
社内半分くらいが導入
© INGAGE Inc. All Rights Reserved. CopilotのようにTabキーで AIにサジェストしてもらったものをどんどん入れられる エージェントと並ぶCursorのメイン機能
Cursor Tabが有能
© INGAGE Inc. All Rights Reserved. .cursorrulesをプロジェクト内に作って、必要な情報を渡すことができる Cursorは全コードにインデックスを貼る仕組みがあるため、 ルールがなくてもかなり精度の高い回答が返ってくる
ルール
© INGAGE Inc. All Rights Reserved. - Cursorの設定から不要モデルのチェックを外す必要あり - アップデート時に新しいモデルに自動でチェックが入ることがある
セキュリティ(一般ユーザー) deepseekなどのモデルも選択肢としてある
© INGAGE Inc. All Rights Reserved. - 生成AIは古いバージョンのライブラリーを推薦することがある - package.jsonで最新バージョンを使っているか見てくれる拡張機能導入
- .cursorrulesにライブラリーバージョンを最新にするように書いておく - セキュリティに問題がある拡張機能・MCPを使わない - コードが学習されてしまう可能性があるため - MCPはある程度公認されているものを使う セキュリティ(一般ユーザー)
© INGAGE Inc. All Rights Reserved. - 不正な言語モデルの使用 - Cursorのダッシュボードで、ユーザーがどんなモデルを使用しているか確認可能
- 安全なMCPの選定 セキュリティ(管理者)
02 © INGAGE Inc. All Rights Reserved. MCPの活用
© INGAGE Inc. All Rights Reserved. MCP(Model Context Protocol)
https://www.anthropic.com/news/model-context-protocol
© INGAGE Inc. All Rights Reserved. Langchainでもすでにツールはあった
© INGAGE Inc. All Rights Reserved. Cursorはいいホスト LLM ツール
Thought Action Observation どんなツールを使う? ツール呼び出し ツール呼び出した結果 cursorが担ってくれる MCPをつけるだけ
© INGAGE Inc. All Rights Reserved. MCPは全てをハブのように繋ぐ https://medium.com/@jefferylee73/mcp-%E7%A0%94%E7%A9%B6%E7%AD%86%E8%A8%98-ead850439603
© INGAGE Inc. All Rights Reserved. 要するに、USB Type Cみたいな存在です
© INGAGE Inc. All Rights Reserved. CursorがMCPを取り入れてから流行り始めた https://trends.google.com/trends/explore?q=mcp&hl=ja cursorがサポートし始める
© INGAGE Inc. All Rights Reserved. PostgreSQL MCP →
一番効率向上を体感しやすい スキーマ構造、レコードを元に回答してくれるのでかなり精度が高まる LINE MCP →テストメッセージ送信などに使える ドキュメントを見ながらcURLを作る手間が省ける Docker Desktop MCP →コンテナの中で打つコマンドがある場合、Dockerを使ってくれる 他のツールとの拡張性が高い 使えたMCP
© INGAGE Inc. All Rights Reserved. Figma MCP -
MCPの動きとしては素晴らしい - ただ、Figmaの命名を開発上での単位に合わせて作っていないと見た目だけが同じ ものが出来上がってしまう Vue Developer Tool MCP - Docker内のクライアントにうまくつながらず - フロントエンドに慣れていない人が使えたら便利そう - AIとの会話でコンポーネントをすぐ見つけることができる 試したMCP
© INGAGE Inc. All Rights Reserved. GitHub Wikiの内容をローカルにCloneし、 markdownファイルを読み込むMCPサーバー開発
→今まで運用してきたwikiをMCPで使うことができる 自作MCPサーバー
03 © INGAGE Inc. All Rights Reserved. 効果
© INGAGE Inc. All Rights Reserved. モノレポだったプロダクトからマイクロサービス化している途中 ゼロから1を作るのに強いため、マイクロサービスの開発に向いている 初見の人でもAIと会話することですぐ追いつけられる
But, 別レポの内容を取り入れるための努力は必要 (MCPで対応可) バイブコーディング
© INGAGE Inc. All Rights Reserved. Claudeなどのツールを使うと会話の制限があったりする →オチを考えながら進めると脳のリソース使う 一つのサービスに入ることで多様なモデルが使える
月6000円でこれができる! 生成AIチャットとしての活用
© INGAGE Inc. All Rights Reserved. i18nでTypeScript、YAMLファイルの中に “// 要翻訳”のようにコメントを残したものを翻訳する仕組み
機械翻訳だと、一般的な意味での翻訳はできるが、 プロダクトの文脈を理解していないことが問題だった 直接翻訳した時代に比べ、生産性10倍増加! 翻訳
© INGAGE Inc. All Rights Reserved. CursorはVSCodeからforkしているものであるため、 JetBrainのユーザーは乗り換えなければならない
JetBrainでもWindSurfの拡張機能などは使えるものの、 ネイティブに繋がっていないため限界がある JetBrain使えない 🥺
© INGAGE Inc. All Rights Reserved. - プロダクトが大きくなるとインデックスにメモリが使われる - 間違ったコードがレビューで見つからなかった時の手戻り
- セキュリティ面を完璧には防げない 副作用
04 © INGAGE Inc. All Rights Reserved. 生産性、3倍になった...?
© INGAGE Inc. All Rights Reserved. 一人で3人分の生産性を生み出すことが目標 しかし、客観的数値ではわかりにくい -
一番わかりやすいcommitとPRの数だけでは生産性の指標にならない - タスクも絶対的な単位ではない 生産性の指標は?
© INGAGE Inc. All Rights Reserved. コミット数
© INGAGE Inc. All Rights Reserved. - フロントエンドの方が使用回数が多い - フロントエンド開発者はCursor
Tabの使用回数が圧倒的に多い - 使われた言語はRubyが一番多い - 効率はバックエンドの方が高い? ポジションによってそれぞれ
© INGAGE Inc. All Rights Reserved. サジェストの受け入れ率は50%を上回る
© INGAGE Inc. All Rights Reserved. 3倍にはなっていないな... 🧐
© INGAGE Inc. All Rights Reserved. 実際の開発に大きな割合を占めているものは? - コードレビュー -
動作テスト → Devin・Copilot・Claude Codeなどを活用する 3倍にするためにはどんなことが必要?
© INGAGE Inc. All Rights Reserved.