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
170
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
3
Other Decks in Programming
See All in Programming
童醫院敏捷轉型的實踐經驗
cclai999
0
190
F#で自在につくる静的ブログサイト - 関数型まつり2025
pizzacat83
1
310
すべてのコンテキストを、 ユーザー価値に変える
applism118
2
780
XSLTで作るBrainfuck処理系
makki_d
0
210
DroidKnights 2025 - 다양한 스크롤 뷰에서의 영상 재생
gaeun5744
3
320
「ElixirでIoT!!」のこれまでとこれから
takasehideki
0
370
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
190
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
46
30k
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
200
5つのアンチパターンから学ぶLT設計
narihara
1
110
既存デザインを変更せずにタップ領域を広げる方法
tahia910
1
240
AIコーディング道場勉強会#2 君(エンジニア)たちはどう生きるか
misakiotb
1
250
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
The World Runs on Bad Software
bkeepers
PRO
69
11k
Visualization
eitanlees
146
16k
Balancing Empowerment & Direction
lara
1
370
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
We Have a Design System, Now What?
morganepeng
53
7.7k
Into the Great Unknown - MozCon
thekraken
39
1.9k
The Invisible Side of Design
smashingmag
299
51k
A designer walks into a library…
pauljervisheath
206
24k
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.