Sabitlenmiş Tweet
先日リリースされた「Figma Dev Mode MCP Server」を使って、Amebaのデザインシステム「Spindle」との連携を検証してみました🤚
課題だったアウトプットの精度が大きく改善されており、実際のデザイン・開発フローにうまく組み込めそうです🟢
developers.cyberagent.co.jp/blog/archives/…
日本語
Hara Kazunari 🟢
2.2K posts
Hara Kazunari 🟢
@herablog
Software Engineer, Tech Lead of Ameba Design System Spindle, CyberAgent Developer Experts,📕@wdpress 109(CDN), GitHubの教科書, CSS3逆引きデザインレシピ he/him/his
渋谷区, 品川区, JP Katılım Ağustos 2009
511 Takip Edilen1.6K Takipçiler
Gemini in Chrome の日本提供開始に合わせて、Amebaブログを利用した例を紹介いただきました🙌
Google Japan@googlejapan
行ったり来たりの「タブの切り替え」はもう不要🙅 複数のタブで開いている情報を、Gemini が簡単に要約・比較します。 例えば、旅行先のホテル選びや、買い物のアイテム比較などがよりスムーズに。
日本語
記事を書きました✋
Amebaデザインシステム「Spindle」における、コードとデザインの間を、AIエージェントを介して自由に行き来する開発フローを、最近の事例とともに紹介しています🟢💫
ぜひご覧ください🙌
developers.cyberagent.co.jp/blog/archives/…
日本語
Hara Kazunari 🟢 retweetledi
＼2025年、AmebaLIFEのアクセシビリティ振り返り📝🐍／
🟢 合理的配慮のお問い合わせ窓口を新設
🟢 AIによる画像の代替テキスト自動生成🤖
🟢 Spindleコンポーネントのa11y改善
🟢 交流会・登壇・社内ゼミの開催
developers.cyberagent.co.jp/blog/archives/…
日本語
Amebaデザインシステム「Spindle」の今年の開発を振り返りました🧑💻🟢
・Spindle MCP
・Design to Code (w/ Figma MCP)
・AI 時代に向けたリポジトリ整備
ぜひご覧ください💫
🗒️: developers.cyberagent.co.jp/blog/archives/…
日本語
Hara Kazunari 🟢 retweetledi
/／
🗓️2026.3.20 - 21
⚡️Web Speed Hackathon
👑0.1秒の壁をぶち破れ! 最速を冠するのは誰だ!?
\＼
📱今年の題材は「架空のSNSアプリ」
⚡️どこまでパフォーマンス改善できるか
💻今回も一般参加者と学生で競技同時開催
👇以下よりエントリーお待ちしています👇
cyberagent.connpass.com/event/371488/
日本語
Chrome DevTools MCP を使って、Ameba のデザインシステム「Spindle」のランタイムエラー修正を自動化したケーススタディが公開されました🧑💻🟢✨
developer.chrome.com/blog/autofix-r…
日本語
いよいよ明日 11/29 (土) 開催です！🎉
MTDDC Meetup TOKYO 2025 にて、Amebaデザインシステム「Spindle」の今年の進化についてお話しさせていただきます🟢
1年間の取り組みや変化を凝縮しました。
参加されるみなさま、どうぞよろしくお願いいたします💫
#MTDDC
mt-tokyo.net/mtddc2025/spea…
日本語
#Offers_DeepDive でお話させていただいたSpindle MCPのスライドを公開しました🙌
MCPで変わるAmebaデザインシステム「Spindle」の開発
speakerdeck.com/spindle/how-mc…
日本語
Hara Kazunari 🟢 retweetledi
🎉本日19時より開催🎉
@herablog 氏、 @yukukotani 氏ご登壇🎤
✅AI時代におけるUI/UX実装やデザインシステムのあり方がわかる
✅実際の業務におけるMCP活用事例が具体的に分かる
✅MCPを活用したUI/UX実装の最新事例が学べる
#Offers_DeepDive
⏬お申し込みはこちら⏬
offers-jp.connpass.com/event/365001/
日本語
Hara Kazunari 🟢 retweetledi
9/4(木) の #Offers_DeepDive で話します！
融けるエンジニア/デザイナー境界と、企画フェーズから変わる開発プロセス、それらを支える生成AI時代のデザインシステムなどの話をします
Offers(オファーズ)｜AI時代のエンジニア転職プラットフォーム@Offers_jp
【サイバーエージェント・Ubie登壇！】新規イベント 9/4(木)19:00~ MCPで変わる爆速UI/UX実装！🚀 @herablog 氏 @yukukotani 氏に聞く MCPでどこまで簡略化できる？ デザインシステム活用の実践者が語る リアルな運用事例と限界値を探ります🎤 offers-jp.connpass.com/event/365001/ #Offers_DeepDive
日本語
9月4日の #Offers_DeepDive でMCPを活用したUI実装についてお話しします🚀
(Spindle MCP Server, Figma Dev Mode MCP Server)
Amebaデザインシステム「Spindle」での工夫ポイントや現時点での課題を、実例とともにご紹介します🟢
Offers(オファーズ)｜AI時代のエンジニア転職プラットフォーム@Offers_jp
【サイバーエージェント・Ubie登壇！】新規イベント 9/4(木)19:00~ MCPで変わる爆速UI/UX実装！🚀 @herablog 氏 @yukukotani 氏に聞く MCPでどこまで簡略化できる？ デザインシステム活用の実践者が語る リアルな運用事例と限界値を探ります🎤 offers-jp.connpass.com/event/365001/ #Offers_DeepDive
日本語
「AI×開発組織Summit」に登壇します！💫
2年前に立ち上げた「クライアントテスティング室」での取り組みを中心にお話させていただきます🧑💻
Findy Team+ファインディ【公式】@FindyTeamPlus
【AI×開発組織Summit 注目のPartner Sessions✨】 開発組織全体の生産性と挑戦の総量を高めていくのか、サイバーエージェントの実例をもとにご紹介！ 🎟️今すぐ申込→ jp.findy-team.io/conference/ai-… 🗣️登壇者： オーティファイ株式会社（@AutifyJapan） Quality Evangelist 末村 拓也 氏 × 株式会社サイバーエージェント（@ca_developers） クライアントテスティング室 室長 / Developer Experts 原 一成 氏（@herablog） #ai開発組織summit #生成AI #開発組織
日本語
Hara Kazunari 🟢 retweetledi
【AI×開発組織Summit 注目のPartner Sessions✨】
開発組織全体の生産性と挑戦の総量を高めていくのか、サイバーエージェントの実例をもとにご紹介！
🎟️今すぐ申込→ jp.findy-team.io/conference/ai-…
🗣️登壇者：
オーティファイ株式会社（@AutifyJapan）
Quality Evangelist
末村 拓也 氏
×
株式会社サイバーエージェント（@ca_developers）
クライアントテスティング室 室長 / Developer Experts
原 一成 氏（@herablog）
#ai開発組織summit #生成AI #開発組織
日本語
Hara Kazunari 🟢 retweetledi
／
Developers Blog更新📝
＼
本日は、先月公開いたしましたブログ「Spindle MCP で変わるデザインシステムの開発 ~ Figma 連携で実現する超高速開発 ~」で触れられていた、Figma Dev Mode MCP Server について、具体的な利用方法や特徴を詳しくご紹介します。
developers.cyberagent.co.jp/blog/archives/…
日本語
Hara Kazunari 🟢 retweetledi
New in Dev Mode MCP Server: Annotations are included as design context
Generated code now benefits from both the structure of your design and your design intent
x.com/i/broadcasts/1…
English
@herablog とても良い事例だったから、
#CursorMeetupTokyo で勝手に動画込みで紹介させてもらいました！
大手企業のAIツール導入の壁を越えて：サイバーエージェントのCursor活用戦略 speakerdeck.com/gunta/da-shou-…
日本語
先日リリースされた「Figma Dev Mode MCP Server」を使って、Amebaのデザインシステム「Spindle」との連携を検証してみました🤚
課題だったアウトプットの精度が大きく改善されており、実際のデザイン・開発フローにうまく組み込めそうです🟢
developers.cyberagent.co.jp/blog/archives/…
日本語
Hara Kazunari 🟢 retweetledi
内容ももちろん良いのに加え、記事の中にNotebookLMの音声まとめ置いてくださってるの親切でとても好き
Spindle MCP で変わるデザインシステムの開発 ~ Figma 連携で実現する超高速開発 ~ | CyberAgent Developers Blog developers.cyberagent.co.jp/blog/archives/…
日本語
Hara Kazunari 🟢 retweetledi
Figma Dev Mode MCP x Spindle連携は⤵️
1⃣ FigmaデザインファイルをFigma Dev Mode MCP Serverを介してReact + Tailwind CSS実装に
2⃣ React + Tailwind CSS実装をSpindle MCP Serverを介してSpindle UI実装に
AIエディタ(今回はCursor)が自動的にデータを取得しソースコードが構築されていきます🧐
日本語