Spindle MCP で変わるデザインシステムの開発 ~ Figma 連携で実現する超高速開発 ~ | CyberAgent Developers Blog
みなさんこんにちは。Amebaデザインシステム「Spindle」テックリードの原 ( @herablog )と AI 活用に詳しい Spindler の柳 ( @pagu0602 ) です。 本記事では2025年5月30日に開催された Spindle SUMMIT 2025 での発表をもとに、AIを活用してデザインシステム開発を劇的に加速させる「Spindle MCP Server」について、その詳細と成果をご紹介します。 さらに、この記事では2025年6月4日に発表された Figma 公式の Dev Mode MCP Server との連携についても触れています。 NOTE: 本記事にはPodcast風のまとめもあります (NotebookLM で作成) 目次 Spindle MCP Server とは Spindle MCP Server の仕組みと実装 Spindle MCP Ser
サイバーエージェント社員の20%が使うAIプラットフォーム「Dify」、プロダクト主導で3,000時間/月削減する方法 | CyberAgent Developers Blog
透明性を高める公開ロードマップ 利用者との信頼構築のためにも、現在運営として何を考えているかわかるよう、機能ロードマップもSlackのリスト機能を活用して公開しています。 v0 (Vercel社が提供する生成AIによって画像・自然言語からUIコードを生成するツール)を使ったプロトタイプなどを使い、ここでやり取りすることにより、各部署/グループ会社のAI活用推進者とも連携をとりつつ、個々のステークホルダーとのやり取りが断片化しないように合意形成を進められます。 OpenView Partners （PLGの提唱企業）によるNotionなどの事例 継続的なカスタマイズ開発 私たちのプロジェクトでは、Difyをシングルテナントのまま、全ユーザーが自由な相手を選べるReBAC（関係ベースのアクセス制御）のアプリ共有機能を独自に実装しました。これにより、利用者ごとの組織・利用形態に合わせた柔軟にアプ
CApture クリエイター・デザイナーの公式オウンドメディア｜株式会社サイバーエージェント
CAptureはサイバーエージェントのクリエイターによるオウンドメディアです。 インスピレーションの源、クリエイティブな挑戦、プロジェクトをカタチにする過程など、様々な視点によるエピソードが集まっています。 クリエイター同士の新たな発見が生まれる場として、ありのままの表現の交差を切り取るメディア。それが「CApture」です。
Spindle
Amebaのサービスを通じて、発信者や閲覧者といったユーザー、広告主や取引先といったパートナーとの接点において一貫した振る舞いをするためにどうあるべきかを「原則」として明記します。 「原則」は私たちを強く縛るルールではありません。良い信頼関係を築くために守りたい「約束事」です。
Amebaのデザインシステム「Spindle」の全貌公開
メディア統括本部・技術横断室の谷です。組織横断の活動しながら、AmebaやAmebaマンガという事業に関わっています。実務としては、コード実装をメインに、UI設計やUX設計、最近ではユーザーインタビュー等のリサーチ業務をおこなっています。 この記事では私が立ち上げから2年くらいかけて関わってきたAmebaのデザインシステムについて、その全貌を解説します。 そして本日からデザインシステム「Spindle」のサイトを試験的に一般公開します。詳しくは記事後半にて。 まず前段のお話として、Amebaという事業について説明させてください。 Ameba事業の概要 Amebaはブログサービスであるアメーバブログを主としたサイバーエージェントのメディア事業の1つです。 多くの人はおそらく「アメブロ」や「ピグ」の印象が強いですが、関連事業やサービスとしてはマンガや占い、ニュースなど色々と展開をしています。
「Ameba」15年の負債を払拭するカラーパレットのメソッド | CyberAgent Developers Blog
「Ameba」は2020年に16周年を迎える長寿サービスです。 プロダクトチームはPC / SP / iOS / Androidと4種類のデバイスに対応しており、15年という歳月を経た結果、管理の追いつかない画面、レガシーなコード等に苛まれるようになってきました。 「Ameba」開発チームではそのような、過去の遺物に開発リソースを割かれる状態を「負債」と呼び、その解消のために日々戦っています。 さらに、「Ameba」には現在10名ほどのデザイナーが携わっており、それぞれが異なる施策や領域を対応していることも相まって、施策を経る毎に、「Ameba」内でGUIに関する、共通の意識や見解を持つことができなくなっていました。 この状態を打開し、「Ameba」プロダクト再興の礎を構築しようと、今年度からデザインシステムの開発をスタートしました。 今回はそのデザインシステムの中でも真っ先に取り組んだ要
迷わず成長できるデザイナーのための目標設定 | CyberAgent Developers Blog
こんにちは！ 新規開発チームのデザイナーの井上です。今年も残りわずかですね、年末年始のご予定はお決まりでしょうか？ 今回は「新しい年に向けて、新たな目標について考えてみる」という方も多いかと思い、目標設定についてのお話です。 このブログを書くにあたっては、ゲーム部門の新卒デザイナーのメンバーから「デザイナーの目標の立て方について講義をしてほしい」と依頼を受けたことがきっかけです。 と言っても、そのような “講義” という形式で偉そうに語るほど知見があるわけではないので、「どうしたものか？」と考えた結果… どうせならその場で目標をアウトプットできるような、目標を立てるコツが見つかるワークショップを提案してみました。 今回はそのワークの内容と、自分なりに “ステキな目標” と “びみょうな目標” についてまとめてみましたので書かせていただきたいと思います! 目次 ・目標とは誰のためか？ → 目
イケメンを抜擢するのには理由がある。ビジネスを有利に運ぶキャラを確立する方法｜新R25 Media - シゴトも人生も、もっと楽しもう。
藤田晋著『仕事が麻雀で麻雀が仕事』より イケメンを抜擢するのには理由がある。ビジネスを有利に運ぶキャラを確立する方法 ここぞというところで、大胆な勝負に打って出られる「勝負強さ」。 ビジネスマンならぜひとも身につけたいスキルですが、そもそも「勝負強さ」を磨くことは可能なのでしょうか？ その質問に対し、最高の教材になるのは「麻雀」だと断言するのは、サイバーエージェントの藤田晋社長。 藤田社長は、2014年にはプロも参加する「麻雀最強戦」で優勝するほどの雀士としても知られています。 2015年に『近代麻雀』で開始した連載コラム『仕事が麻雀で麻雀が仕事』では、麻雀で培った自身のビジネス観を伝えています。 今回はそのなかから、「勝負」「ビジネス」「成長」「人生」というテーマで抜粋した4記事を特別公開。麻雀に興味がない方もぜひご一読ください。 人生は自分に配られた配牌のようなものです。 最初からドラ
hey・BANK・AWAのデザイナーが語る、経営者との共通言語の作り方 | CyberAgent Developers Blog
先日、hey×BANK×CyberAgentの3社で「経営者との共通言語の作り方」という勉強会を実施しました。 デザイナーにとって、経営者の性格やチーム体制、自分の立場など様々な環境要因で求められるコミュニケーションは変わってきます。そのテーマに対して各社のスタープレイヤーたちはどのようなノウハウやマインドで仕事しているのかをお話していただきました。 今回登壇していただいたのはhey 松本隆応さん / BANK 河原香奈子さん / AWA 室橋秀俊さん、パネルディスカッションのモデレーターにはCyberAgent クリエイティブ統括室 室長の佐藤洋介さんに務めていただきました。 それでは早速今回の内容をレポートします！ デザイナーのためのビジョン・クライミング入門 コイニー株式会社 ヘイ株式会社 リードデザイナー 松本隆応さん 松本さんには、heyのCIデザインプロセスで経験したことを元に
サイバーエージェント木村賢さんの講演「データから見る、SEOで抑えておくべきポイント」@MTDDC2018｜マーケターZUKA｜note
サイバーエージェント木村賢さんの講演「データから見る、SEOで抑えておくべきポイント」@MTDDC2018 【更新】コメント付きRTを追加しました。 【更新】スライドを5枚追加しました。 CMS（コンテンツ・マネジメント・システム）の雄、MovableTypeのイベント、MTDDC2018に参加しました。 サイバーエージェントの木村賢さんの「データから見る、SEOで抑えておくべきポイント」のセッションをTweetで紹介します。 MTDDCは「Movable Type Developers & Designers Conference」の略で、MTに携わる技術者やデザイナー向けのカンファレンスです。 木村さんの業務であるSEO分析と、その結果をご紹介いただきました。 まず自己紹介から。大手広告代理店サイバーエージェントで、SEO関連の仕事をされています。昨年には「SEOラボ」を立ち上げられて
【全文】「一度きりの命を何に捧げるのか」 南場氏×藤田氏×熊谷氏が見すえる、渋谷ビットバレー再興への道
メガベンチャー4社の共同イベント開催 馮富久氏（以下、馮）：BIT VALLEY 2018、オープニングKeynoteを始めたいと思います。ただ今ご紹介いただきました、本日司会を務めます馮と申します。大変すばらしい3名で、このお三方が並ぶのはそうそうないと思いますので、私も楽しみにしているんですが、お時間も限られているので、さっそく始めたいと思います。 このBIT VALLEY 2018は、サイバーエージェント、DeNA、GMOインターネット、ミクシィの4社によって、「渋谷でエンジニアとして働くことは楽しい」を伝えることを目的に開催されているイベントです。今日はそのなかから3名。3社からお越しいただいているということで、さっそく、自己紹介をたぶんされなくてもみなさんご存知だと思うので、テーマに入りたいと思います。 まず最初に、今回、渋谷という場所にまた改めて注目が集まっているなかで、なぜこ
デザイナーと経営者が対等に対話するためにーーサイバーエージェント、デザイナー兼執行役員の視点 | キャリアハック（CAREER HACK）
デザイン経営の実践、このテーマで思い浮かんだのがサイバーエージェントだ。同社は経営でデザインを重視。約2年前にデザイナー出身の佐藤洋介氏が執行役員に就任した。クリエイティブ統括室立ち上げ、AbemaTVやAWA等のメディアデザインを統括。彼らの事例からデザイナーと経営者の理想の関係性を探る。 【連載】デザイン経営の実践 2018年5月に特許庁より発表された『デザイン経営宣言』。そこには「デザインは、企業が⼤切にしている価値、それを実現しようとする意志を表現する営みである。（中略）その価値や意志を徹底させ、それが⼀貫したメッセージとして伝わることで、他の企業では代替できないと顧客が思うブランド価値が⽣まれる。さらに、デザインは、イノベーションを実現する⼒になる。」と記載されている。実際の現場で、どのように進めていけばいいのか。そのヒントを探るべく、デザインの視点や思考を経営に取り入れ、実践し
オフィスの移転について
株式会社サイバーエージェント（本社：東京都渋谷区、代表取締役社長：藤田晋、東証一部上場：証券コード4751）は、現在10 箇所に分散する東京・渋谷のオフィスを2019 年に2 箇所のビルへ集約し、より一層の業務の効率化を図るためオフィス移転を実施することをお知らせいたします。 移転先は、東京都渋谷区宇田川町に竣工予定の複合ビル「Abema Towers（読み：アベマタワーズ）」にメディア事業、ゲーム事業、本社機能が入居し、東京都渋谷区渋谷に竣工予定の「渋谷スクランブルスクエア」に広告事業が入居する予定となっております。
｢アベマTV｣立役者が仮想通貨事業に挑む理由
コンテンツブロックが有効であることを検知しました。 このサイトを利用するには、コンテンツブロック機能（広告ブロック機能を持つ拡張機能等）を無効にしてページを再読み込みしてください。 ✕
お金どうしてるんですか？ 嫌がる藤田晋に無理やり資産運用について語らせた｜新R25 Media - シゴトも人生も、もっと楽しもう。
この連載は、マネーの賢者にこれからのお金のあり方や経済システムについての考え方を聞く…のではなく、読者がもっと気になっているであろう「賢者自身のお金の話」にフォーカスしたインタビュー企画です。 記念すべき第1回のお相手は、新R25の親会社であるサイバーエージェント代表の藤田晋。「ふだんなら絶対に断っている企画」と拒絶されながらも、無理やり取材を取り付けました。
藤田晋『曲がり角について』
去年の秋、10月のある寒い夜にいつものように会食を終えて自宅に帰ると、マンションのフロントから電話がかかってきました。「先ほどまで記者の方がマンションの前で何時間も藤田さんを待ってましたよ」（うわ・・・もしかして文春？・・何かやったかな） 私もヒルズ族と呼ばれ、華やかな交際で世間を賑わせていた時代には、記者に張り込まれた経験は何度かありました。でも、今なぜ？焦って胸をドキドキさせていると、名刺を預かってますと言うので届けてもらうことにしました。 そこで渡された名刺には、「日経新聞 証券部 下村」と書いてあり、それを見て私はほっと胸を撫で下ろしました。（特にやましいことがある訳ではありません） 決算発表直前だったので、おそらく証券部の若い記者さんが上司から決算予測記事のための取材してこいと無理を言われて張り込んでいたのだろうと想像し、寒いのに可哀想だし私はその名刺に書かれたメールアドレスに
サイバー アベマTV、早くも曲がり角 - 日本経済新聞
サイバーエージェントが育成しているインターネットテレビ「AbemaTV（アベマTV）」が早くも曲がり角に差し掛かっている。昨年4月の開始から半年間で専用アプリが1000万ダウンロードを達成するなど滑り出しは好調だったが、実際の視聴者数は頭打ちだ。黒字化のメドとするWAU（1週間あたりの視聴者数）が1000万人なのに対し現状は300万人で停滞する。番組の自社制作や大がかりな広告などテコ入れを進める
デザイナーが10倍輝くCA流マネジメント
インハウスのデザイナーのモチベーションを担保する方法や、デザイナーに対する対話の工夫をご紹介
サイバーエージェント流、レコメンドエンジンへの取り組み【前編】－参入背景とサービスの特徴－ - Exchangewire Japan
サイバーエージェントのエディトリアルアドスタジオは今年4月に「A.J.A. Recommend Engine(アジャ レコメンド エンジン)」をリリースし、レコメンドエンジン事業に参入した。 同社がこの領域の参入に至った市場背景、サービスの特徴、そしてパブリッシャーへの導入事例について、2回に分けてお届けする。 第一回目は、同社 Ameba統括本部 広告部門(MDH) コンテンツマーケティング局 局長 湯田哲行氏が、市場背景やサービスの特徴について解説する。 メディアのマネタイズ環境の現状と、レコメンドエンジン需要の背景パブリッシャーは、メディアをマネタイズするにあたり、メディアのDAUやユーザーの滞在時間といったメディアグロースの指標と、より高いCPMでメディアのスペースをマネタイズしていく収益指標という、大きく2つの指標で運営されています。 それぞれ様々なアプローチがありますが、これら
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://twitter.com/AmebaSpindle/status/1749966947683594370