Spindle 2025: How AI Agents and Design Systems Are Transforming Web Development

MTDDC Meetup TOKYO 2025 (https://www.mt-tokyo.net/mtddc2025/speaker/speaker3092651.html) での発表スライドです。

Amebaのデザインシステム「Spindle」を題材に、AIエージェントとデザインシステムが組み合わさるとWeb開発がどう変わるのかを実例ベースで紹介します。2024年までの「人と人の協業」から、2025年に「人とAIの協業」へどうシフトしたのかを、Spindle MCPによるコンテキスト提供、Design Doc自動生成、Figma MCP × Spindle MCPによるDesign to Code、依存モジュール更新やテスト環境整備を含むリポジトリ改善といった具体的な取り組みと数字で解説します。最後に、専門性とAI活用の掛け算がなぜ重要か、AI時代のデザインシステムの役割を提案します。

Transcript

1. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e Spindle 2025 AIエージェント×デザイン システムで変わるWeb開発 原 一 成 K a z u n a r i H a r a ( @ h e r a b l o g )
2. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e THEME デ ザ イ ン シ ス テム ？ A I ？ シェアOKです
3. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e デ ザ イ ン 原 則 ブ ラ ン ド ガ イ ド ラ イ ン ビ ジ ュ ア ル ア イ デ ン テ ィ テ ィ ア ク セ シ ビ リ テ ィ ガ イ ド ラ イ ン イ ラ ス ト シ ス テ ム U X ラ イ テ ィ ン グ ガ イ ド ラ イ ン パ フ ォ ー マ ン ス ガ イ ド ラ イ ン ス タ イ ル ガ イ ド パ タ ー ン ラ イ ブ ラ リ ボ イ ス & ト ー ン A m e b a ら し さ
4. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e デ ザ イ ン シ ス テ ム の つ く り 方 詳 細 は M T D D C 2 0 2 4 の 資 料 を ご 覧 く だ さ い
 h t t p s : / / s p e a k e r d e c k . c o m / s p i n d l e
5. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e CONTENTS 去 年 か ら の 変 化 S p i n d l e M C P D e s i g n to C o d e リ ポ ジ ト リ 改 善 ま と め
6. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e 去年からの変化 2 0 2 4 年 と 2 0 2 5 年 の 開 発 を 比 べ て み ま し た
7. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e 2 0 2 4 年 ま で の S p i n d l e 開 発 フ ロ ー は 人 と 人 の 協 業 に 焦 点 を 当 て て い ま し た Suggest 提案 Spindler or 現場から Design SpindlerなDesignerが 要件定義とスタイリング Document SpindlerなDesignerとEngineerが Design Docsを書く Develop SpindlerなEngineerが 開発 Publish 現場で利用 公開
8. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e 2 0 2 5 年 、 S p i n d l e の 開 発 フ ロ ー に は 全 て の 工 程 で A I が 組 み 込 ま れ ま し た Suggest 提案 Spindler or 現場から Design SpindlerなDesignerが 要件定義とスタイリング Document SpindlerなDesignerとEngineerが Design Docsを書く Develop SpindlerなEngineerが 開発 Publish 現場で利用 公開
9. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e S p i n d l e の 技 術 構 成 w / A I Fr o n te n d : Ty p eS c r i pt , R ea c t , CSS D o c s : Sto r y b o o k ( m d x ) R e p o : @ o p e n a m e ba / s p i n d l e ( O SS ) A I To o l s : G i t H u b C o p i l ot , C l a u d e C o d e , C u r s o r, C o d ex , C h at G PT, G e m i n i e tc 2025年はAIツール群 が増えました
10. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e Spindle MCP S p i n d l e の 資 産 を A I を 通 じ て 活 用 す る た め の ツ ー ル
11. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e S p i n d l e M C P S e r v e r 作 成 の き っ か け は 、 す で に あ る 資 産 を A I か ら も 適 切 な タ イ ミ ン グ で 使 え る よ う に す る こ と で し た --- Button
12. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e Spindle MCP 提供ツール例 g e t _ c o m p o n e n t s g e t _ d e s i g n _ t o k e n s g e t _ i c o n s g e t _ a c c e s s i b i l i t y _ d o c s g e t _ c o m p o n e n t _ d e s i g n _ d o c _ t e m p l e t e : コ ン ポ ー ネ ン ト 情 報 (Design Doc, 実装, サンプルコード, Storybook) : デ ザ イ ン ト ー ク ン 情 報 : ア イ コ ン 情 報 : ア ク セ シ ビ リ テ ィ チ ェ ッ ク リ ス ト : D e s i g n D o c テ ン プ レ ー ト
13. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e S p i n d l e M C P S e r v e r の 実 装 詳 細 は ブ ロ グ 記 事 を ご 覧 く だ さ い
 h t t p s : / / d e v e l o p e r s . c y b e r a g e n t . c o . j p / b l o g / a r c h i v e s / 5 6 8 4 4 /
14. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e D e s i g n D o c コ ン ポ ー ネ ン ト 作 成 時 に は 、 「 D e s i g n D o c 」 と 呼 ば れ る 設 計 書 を エ ン ジ ニ ア が デ ザ イナ ー と 協 力 して 作 成 し ま す。 D e s i g n D o c に は コ ン ポ ー ネ ン ト が 作 ら れ た 背 景 や 設 計 の ポ イ ン ト な ど ソ ース コ ー ド で は 表 現 で き な い 項 目 を 中 心 に 記 載 し ま す。 文 章 書 く の が 苦 手 、 時 間 が か か る な ど の 理 由 で 後 回 し に な る こ と も ・ ・ ・ # コ ン ポ ー ネ ン ト 名 # # 背 景 ・ 概 要 # # 使 用 例 # # デ ザ イ ン ト ー ク ン # # プ ロ パ テ ィ # # 実 装 例 # # 関 連 リ ン ク # # ア ク セ シ ビ リ テ ィ
15. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e 実 装 コ ー ド が 6 割 く ら い の 完 成 度 で 生 成 さ れ ま し た S p i n d l e の 文 脈 を 理 解 し た 高 速 ド ラ フ ト 作 成 新 規 コ ン ポ ー ネ ン ト 「 Ta b l e 」 作 成 時 の 活 用 例 : テ ンプ レ : CSS カ ス タ ムプ ロ パ ティ リ ス ト 化 : A m e ba アク セ シ ビ リ ティ ガ イ ド ラ イ ン 準 拠 の レ ビ ュ ー : 既 存 コ ン ポ ー ネ ン ト の 書 き 方 ・ ル ー ル を 参 照 し た コ ー ド 初 稿 や Sto r y b o o k 作 成 ge t _ co m p o n e n t _ d e s i g n _ d o c _ te m p l e te ge t _ d e s i g n _ to ke n s ge t _ a cce s s i b i l i t y _ d o c s ge t _ co m p o n e n t s
16. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e Ta b l e コ ン ポ ー ネ ン ト 作 成 時 の 詳 細 は ブ ロ グ 記 事 を ご 覧 く だ さ い
 h t t p s : / / d e v e l o p e r s . c y b e r a g e n t . c o . j p / b l o g / a r c h i v e s / 5 9 5 6 4 /
17. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e デ ザ イ ン ト ー ク ン の 命 名 新 た な デ ザ イ ン ト ー ク ン を 追 加 す る 際 に は ツ ー ル を 使 って 過 去 の 傾 向 か ら 命 名 を L L M に 提 案 しても ら い ま し た 。 ま た 、 S pa c i n g ト ー ク ン 作 成 時 に は ツ ー ル で 取 得 し た 過 去 の コ ン ポ ー ネ ン ト の 実 装 か ら 整 理 し 、 命 名 も L L M に 提 案 しても ら い ま し た 。 ge t _ d e s i g n _ to ke n s ge t _ co m p o n e n t s
18. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e S p i n d l e M C P S e r v e r 作 成 時 は ツ ー ル を 作 成 、 プ ロ ン プ ト 実 行 と い う フ ロ ー を 何 度 も 繰 り 返 し ま し た
19. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e S p i n d l e M C P 作 成 で の 学 び サ ン プ ル コ ー ド が 有 用 実 装 コ ー ド だ け で は 暗 黙 的 な 部 分 が 多 く ア ウ ト プ ッ ト が 安 定 し ませ んで し た 。 サ ンプ ルコ ー ド を 与 える とそ 新 規 コ ー ド の 品 質 は 加 速 的 に 向 上 し ま し た 。 暗 黙 知 の ド キ ュ メ ン ト 化 が 必 要 過 去 の 経 緯 で デ ザ イ ン ト ー ク ンフ ァ イ ル は 2 つ に 分 か れて い ま し た 。 今 年 か ら 参 加 し た L L M に は そ の 経 緯 が わ か ら な か っ た た め 、 そ れ ぞ れ の 用 途 を 明 確 に 記 述 し ま し た 。
20. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e Design to Code デ ザ イ ン か ら 実 装 ま で を ど こ ま で A I に 任 せ ら れ た か
21. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e 一 発 変 換 の 夢 F i g m a デ ー タ や 画 面 ス ク リ ーン シ ョ ッ ト を 渡 す と 一 発 で 実 装 で きる ん じ ゃ な い か と い う 期 待 は あ り ま し た 。 し か し ・ ・ ・ 実 際 は 、 余 白 が な い プ レ ース ホ ル ダ ー が 違 う ボ タ ン サ イズ が 違 う と い っ た 細 か な ズ レ が た く さ ん 出 てき ま し た 。 ん 〜 惜 し い . . .
22. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e F i g m a M C P ( C o d e C o n n e c t ) S p i n d l e M C P R e a c t 適 切 に 整 理 さ れ た デ ー タ に よ り ア ウ ト プ ッ ト の 品 質 が 向 上 し ま し た
23. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e
24. MCP 職人 27分 2分半 K a z u n a r i H a ra MTDDC Meetup 2025.11.29 Copyright @2025 CyberAgent All Rights Reser ved. Ameba Design System ｜ Spindle
25. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e D e s i g n t o C o d e で の 学 び 完 璧 な 実 装 は ま だ 現 実 的 で は な い ペ ージ の 全 体 とな る と コ ン テ キス ト が 大 き く な り す ぎ、 精 度 が 上 が り にく いで す。 デ ザ イ ン ト ー ク ン 定 義 や コ ン ポ ー ネ ン ト 実 装 が 精 度 を あ げ る デ ザ イ ン ト ー ク ン や コ ン ポ ー ネ ン ト 定 義 が あ る と、 サ ンプ ル と して 活 用 で きる た め 精 度 が 上 が り ま し た 。
26. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e リポジトリ改善 開 発 フ ロ ー そ の も の に A I を 組 み 込 ん だ 話
27. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e 後 回 し に な っ て い た 依 存 更 新 ・ テ ス ト 改 善 な ど が 進 む よ う に な り 、 開 発 速 度 と リ ポ ジ ト リ の 健 全 性 が 大 幅 に 向 上 し ま し た
28. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e 開 発 サ イ ク ル の 健 全 化 た く さ ん の 変 更 が き て も 受 け 入 れ ら れ る 状 態 へ 依 存 ア ッ プ デ ー ト の 問 題 を 解 決 リ リ ース ノ ー ト や エ ラ ー ロ グ か ら う ま く い か な い 依 存 問 題 の ア ッ プ デ ー ト を 自 動 解 決 テ ス ト 環 境 の ア ッ プ デ ー ト 不 要 な テ ス ト や 設 定 を 整 理 、 より 今 の 環 境 に 合 っ た 形 に ア ッ プ デ ー ト、 へ 高 速 に 実 行 で き 信 頼 で きる 状 態
29. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e A I エ ー ジ ェ ン ト 向 け の ド キ ュ メ ン ト 整 備 A G E N TS . m d / C L AU D E . m d : 全 体 で 利 用 し た い 設 定 に 利 用 C u sto m C o m m a n d s : 繰 り 返 し 実 行 す る フ ロ ー を 記 述 R e v i e w G u i d e l i n e s : レ ビ ュ ー 時 の 観 点 を 記 述 ここからはAIに フローを共有します
30. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e A I 向 け の コ ン ト リ ビ ュ ー シ ョ ン ガ イ ド A G E N TS . m d / C L AU D E . m d は A I エ ージ ェ ン ト 向 け の 指 示 書 で す。 以 下 の 内 容 を 中 心 に 記 載 して い ま す : タ ス ク の 最 初 に して ほ し い 設 定 既 存 コ ー ド の パ タ ーン を 尊 重 して 生 成 して 欲 し い こ と コ ミ ッ ト 記 法 ( ス コ ープ 指 定 は う ま く い か な い 時 が あ っ た の で 例 を 追 加 ) 変 更 を レ ビ ュ ー す る 際 に コ マ ン ド 実 行 す る こ と な ど A g e n t s G u i d e ## Development Setup ## Code Quality Guidelines ## Commit Convention Follow Conventional Commits 1.0.0 Specify package name in scope ## Code Review ## Pull Request Creation Follow existing code patterns and conventions in the project e.g. feat(spindle-ui,spindle-tokens): add new component Use review-changes command AGENTS.md/CLAUDE.md
31. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e D e s i g n D o c 量 産 と バ グ 発 見 と い う 副 産 物 過 去 の 経 緯 で D e s i g n D o c が な い コ ン ポ ー ネ ン ト が あ り ま し た 。 そ こ で、 D e s i g n D o c を 作 成 す る フ ロ ー を コ マ ン ド 化 し 量 産 で きる よ う に し ま し た 。 例 : 量 産 す る 過 程 で、 足 り て い な い テ ス ト や 実 装 を A I エ ージ ェ ン ト が 発 見 し 、 修 正 で き た の は 副 産 物 で し た 。 /c r eate - d e s i g n - d o c B u tto n S t e p s D e te r m i n e C o m p o n e n t Sta t u s R e t r i e v e D e s i g n D o c Te m p l a te R e f e r e n ce Ex i st i n g D e s i g n D o c s P r o ce s s F i g m a U R L ( i f p r o v i d e d ) A n a l yz e C o m p o n e n t I m p l e m e n ta t i o n (existing components only) C r ea te D e s i g n D o c S u g g e st Sto r i e s a n d Te st s F i x L i n t i n g a n d Fo r m a tt i n g I s s u e s A GENTS. md /C LA UD E. md
32. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e S p i n d l e ら し い レ ビ ュ ー ガ イ ド A I エ ージ ェ ン ト が レ ビ ュ ー してく れ る 標 準 的 な 観 点 に 加 え 、 S p i n d l e と して 大 事 に して い る こ と を 明 記 し ま し た 。 例 え ば 、 テ ス ト や ド キ ュ メ ン ト な ど 関 連 す る フ ァ イ ル に 変 更 漏 れ が な い か 、 アク セ シ ビ リ ティ 関 連 の 実 装 は ガ イ ド ラ イ ン に 準 拠 して る か な ど の 観 点 で す。 コ マ ン ド 化 ( ) し 、 A I エ ージ ェ ン ト が 自 動 的 に レ ビ ュ ー す る o r 開 発 者 が 手 動 で 実 行 す る と い う ど ち ら の パ タ ーン で も 対 応 で きる よ う に して い ま す。 / r e v i e w - c h a n g e s C o d e R e v i e w G u i d e ## General and provide suggestions when possible ## spindle -ui Point out if any tests or documentation related to the changes are missing, Check accessibility implementation Verify related files are updated together (e.g., when updating a component, check if tests, stories, and docs also need updates) .claude/commands/create-design-doc.md
33. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e 2025年はAI協働の将来に向けた 土台を作る年でした
34. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e まとめ 2 0 2 5 年 、 そ し て 今 後 の デ ザ イ ン シ ス テ ム
35. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e 数 字 で 振 り 返 る 2 0 2 5 年 コ ミ ッ ト 数 ( 1 日 あ た り ) : P u l l R e q u e s t マ ー ジ 数 ( 1 日 あ た り ) : ※ 今後も増減すると思われます プ ロ ト タ イ プ 実 装 : (27分9秒が2分24秒に) 実 装 確 認 : ※ 仕様調査のためソースコードから実装確認した場合 6 . 6 倍 3 . 4 倍 1 0 倍 1 2 倍
36. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e ~ 2 0 2 4 年 個 人 的 な お 試 し C h a t , コ ー ド 補 完 な ど 2 0 2 5 年 ~ ワ ー ク フ ロ ー 導 入 A I エ ージ ェ ン ト A I の 力 を 引 き 出 す た め に も 、 ト ラ イ ア ン ド エ ラ ー し な が ら 専 門 性 を 高 め 続 け る こ と が 重 要 で す
37. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e S p i n d l e は 「 共 通 言 語 」 と し て 人 と A I の 両 方 か ら 活 用 さ れ る デ ザ イ ン シ ス テ ム に な っ て い き ま す
38. K a z u n a r i H a r a M T D D C M e e t u p 2 0 2 5 . 1 1 . 2 9 C o p y r i g h t @ 2 0 2 5 C y b e r A g e n t A l l R i g h t s R e s e r v e d . A m e b a D e s i g n S y s t e m ｜ S p i n d l e ご清聴ありがとう ございました