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
200
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
5
Other Decks in Programming
See All in Programming
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
3
300
AIに安心して任せるためにTypeScriptで一意な型を作ろう
arfes0e2b3c
0
270
Quality Gates in the Age of Agentic Coding
helmedeiros
PRO
1
110
Gemini CLI のはじめ方
ttnyt8701
1
110
slogパッケージの深掘り
integral0515
0
160
ご注文の差分はこちらですか? 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
konokenj
4
710
QA x AIエコシステム段階構築作戦
osu
0
220
副作用と戦う PHP リファクタリング ─ ドメインイベントでビジネスロジックを解きほぐす
kajitack
3
480
顧客の画像データをテラバイト単位で配信する 画像サーバを WebP にした際に起こった課題と その対応策 ~継続的な取り組みを添えて~
takutakahashi
4
1.4k
Go製CLIツールをnpmで配布するには
syumai
0
800
レトロゲームから学ぶ通信技術の歴史
kimkim0106
0
140
Vibe Codingの幻想を超えて-生成AIを現場で使えるようにするまでの泥臭い話.ai
fumiyakume
18
9.5k
Featured
See All Featured
How to Ace a Technical Interview
jacobian
278
23k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.5k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
How to train your dragon (web standard)
notwaldorf
96
6.1k
For a Future-Friendly Web
brad_frost
179
9.8k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Why Our Code Smells
bkeepers
PRO
337
57k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
The Cult of Friendly URLs
andyhume
79
6.5k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
Bash Introduction
62gerente
613
210k
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.