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
自社UIコンポーネントにMCPサーバーを作った話
Search
takumi
July 14, 2025
Programming
130
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
自社UIコンポーネントにMCPサーバーを作った話
zenncafe #3 のLT資料です。
takumi
July 14, 2025
More Decks by takumi
See All by takumi
JAWS UG 福井誕生秘話
taku271
0
90
AIエージェントで業務改善してみた
taku271
0
600
弊社のAWS事情、大公開!
taku271
1
560
インターン生でもAuth0で認証基盤刷新が出来るのか
taku271
0
250
Next.js(SSR)をLambdaでホストしてみる_jaws_education
taku271
0
170
Other Decks in Programming
See All in Programming
TSX の <Hoge<Fuga>> という構文に驚いた話 / tsx-type-argument-syntax
kanaru0928
0
230
the container ship “Apple Silicon”@WWDC26 Recap -Japan-\(region).swift
shingangan
0
130
言葉の格闘技のススメ~紙とペンと言葉から始める、キャリアの描き方~
progresscicada
2
150
【やさしく解説 設計編・中級 #6】良いアーキテクチャとは ~ 一本の登り道の、行き先 ~
panda728
PRO
0
220
PostgreSQL 18で考えるUUID主キー
kazuhiro1982
0
470
リアルな遅延を測る仕様
kota_yata
1
110
yield再入門 #phpcon
o0h
PRO
0
1.1k
PHP初心者セッション2026 〜生成AIでは見えない裏側を知る:今だからLAMPを通して仕組みを学ぶ〜
kashioka
0
950
GDG Korea Android: 2026 I/O Extended ~ What's new in Android development tools
pluu
0
230
What's New in Android 2026
veronikapj
0
260
楽しそうなつよつよエンジニアと目が死んでる僕/A brilliant engineer having a blast, and dead-eyed me.
3l4l5
2
190
Laravelで学ぶ Webアプリケーションチューニング入門/web_application_tuning_101
hanhan1978
4
1.9k
Featured
See All Featured
Navigating Team Friction
lara
192
16k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
470
A Modern Web Designer's Workflow
chriscoyier
698
190k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
620
Fashionably flexible responsive web design (full day workshop)
malarkey
408
67k
Google's AI Overviews - The New Search
badams
0
1.1k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
890
Building Flexible Design Systems
yeseniaperezcruz
330
40k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
201
75k
Building Applications with DynamoDB
mza
96
7.2k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
500
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
Transcript
自社UIコンポーネントに MCPサーバーを作った話 Zenncafe#3 LT 山下 拓海
自己紹介 氏名:山下 拓海 所属:福井大学・ユニフォームネクスト 趣味:ドライブ・旅行 好きなもの:Zenn・ちいかわ・mofusand 初LTです!お手柔らかにお願いします 年齢:21歳
はじめに Vibe Codingしてますか!! 開発
課題点 Kurage UI(自社UIコンポーネント)が使えない 料金が高そう 先駆者がいない
課題点 Kurage UI(自社UIコンポーネント)が使えない 料金が高そう 先駆者がいない MCPサーバーを作成すれば良いのでは?
開発 実装方針 配布 ツール Kurage UIのドキュメントが整っていない コンポーネントとカテゴリの一覧を取得 各コンポーネントのソースコードを取得 Docker Image
ソースコード自体を返す
結果 システムグループにVibe Codingの風が! とはならず Kurage UIを使ってVibe Coding可能に!! 自分でしか使わないツールに...
今後の展望 Kurage UIのMCPサーバーを積極的にアピール ドキュメントやコメントのリッチ化 リモートサーバーで利用できるように
まとめ MCPでAIエージェントを使いこなそう あとプロダクトは積極的にアピールして 使ってもらう
記事 https://zenn.dev/uniformnext/articles/kurage-ui-mcp 参考資料も記事に書いてあります