Devsumi 2026 Summer 人もAIも使える共通基盤を事業の加速装置にする～デザインシステム運用に学ぶ組織レバレッジ～ 渡辺 凌央

本資料は、LegalOn Technologiesの渡辺 凌央が Developers Summit 2026 Summer にて公募選出いただいた際の発表資料となります。

Transcript

1. 人もAIも使える共通基盤を 事業の加速装置にする 〜デザインシステム運用に学ぶ組織レバレッジ〜 株式会社LegalOn Technologies 渡辺 凌央 （@wataryooou） Developers Summit 2026 Summer – 2026/7/17
2. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 自己紹介 2 株式会社LegalOn Technologies Senior Software Engineer 渡辺 凌央 / Ryo Watanabe 2022年1月に入社 Aegis の開発・運用 過去はプロダクトマネージャーを経験
3. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 今日お伝えすること 3 01 デザインシステムの運用で得た知見 02 1. Aegis Lab の開発秘話 2. チームでリリースする機能の認識を早くそろえる 3. Aegis Lab の仕組み 4. 現場の変化と成果 5. 学びと教訓 マインド・スタンス
4. 4 デザインシステムの運用で得た知見
5. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. デザインシステム – Aegis 5 108個のコンポーネントを提供している弊社のデザインシステム
6. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. プロトタイプ開発環境 – Aegis Lab 6 Aegis で構築されたプロトタイプを自然言語で作成できる開発環境
7. Aegis Lab の開発秘話 – 作る前に何を考えていたのか？
8. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 2025年、11月ごろの話 8 会社の戦略 ・新規事業開発をするケースが増える ・AI をいかにうまく使い、価値に繋げられるか チームの規模 ・フルスタック化・少数精鋭 ・デザインシステムに詳しくない人もコードを 生成する AI Coding Agent の進化 ・精度が向上 ・Claude Code や Codex App など環境が充実 ・開発スピードの向上 過去の成功体験 ・イメージを伝えた次の日の朝に、 Figma が出来上がった ・早くリリースすることができて、事業に貢献 プロジェクトが始まる前に考えていたこと
9. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 2025年、11月ごろの話 9 会社の戦略 ・新規事業開発をするケースが増える ・AI をいかにうまく使い、価値に繋げられるか チームの規模 ・フルスタック化・少数精鋭 ・デザインシステムに詳しくない人もコードを 生成する AI Coding Agent の進化 ・精度が向上 ・Claude Code や Codex App など環境が充実 ・開発スピードの向上 過去の成功体験 ・イメージを伝えた次の日の朝に、 Figma が出来上がった ・早くリリースすることができて、事業に貢献 プロジェクトが始まる前に考えていたこと
10. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. LegalOn Technologiesグループが展開する「Professional AI」 10 LegalOn Technologiesは、グループ会社とともに 各専門領域に特化したAI「Professional AI」を 開発・提供しています。 法務、ガバナンス、コンプライアンス、人事・労務、営業。 Professional AIは、企業経営における主要な 専門業務オペレーションへ拡大していきます。
11. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 2025年、11月ごろの話 11 会社の戦略 ・新規事業開発をするケースが増える ・AI をいかにうまく使い、価値に繋げられるか チームの規模 ・フルスタック化・少数精鋭 ・デザインシステムに詳しくない人もコードを 生成する AI Coding Agent の進化 ・精度が向上 ・Claude Code や Codex App など環境が充実 ・開発スピードの向上 過去の成功体験 ・イメージを伝えた次の日の朝に、 Figma が出来上がった ・実装以上に作るものの意思決定が早かった プロジェクトが始まる前に考えていたこと
12. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. プロダクト開発の流れとコスト 12 要求 プロトタイプ 要件定義 デザインデータ 設計 開発 テスト リリース コスト
13. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. AI Coding Agent によって、設計からリリースまでのコストが下がった 13 プロトタイプ 要件定義 デザインデータ 開発 テスト リリース 設計 要求 コスト
14. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 2025年、11月ごろの話 14 会社の戦略 ・新規事業開発をするケースが増える ・AI をいかにうまく使い、価値に繋げられるか チームの規模 ・フルスタック化・少数精鋭 ・デザインシステムに詳しくない人もコードを 生成する AI Coding Agent の進化 ・精度が向上 ・Claude Code や Codex App など環境が充実 ・開発スピードの向上 過去の成功体験 ・イメージを伝えた次の日の朝に、 Figma が出来上がった ・実装以上に作るものの意思決定が早かった プロジェクトが始まる前に考えていたこと
15. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. ディスカバリーフェーズをもっと加速させることができるのでは？ 15 プロトタイプ 要件定義 デザインデータ 開発 テスト リリース 設計 要求 コスト ここに事業貢献できる チャンスがある？
16. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 要求からコードになるまでのコスト 16 Figma でマスターデータを作る プロトタイプを見ながら、 チームでディスカッションし、要件を明確化 顧客からの要求を分析する 要求をもとに Figma でプロトタイプを数パターン作ってみる Figma のデータをコードにする
17. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. そもそも何のために開発をしているんだっけ？ 17 ユーザーに価値を届けたい・ユーザーの課題を解決したい 仕様書や Figma データを作ることは手段であって目的ではない 従来の延長線上で発想すると… 早く質の良い仕様書・PRD を作る / Figma から素早くコードに変換する そうではなく… 実装に入る前に、 チームがどのような状態にならないといけないのか？
18. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 実装に入る前に、チームがどのような状態にならないといけないのか？ 18 チームでリリースするものの認識がそろっていること
19. チームでリリースする機能の認識を早くそろえるためには？
20. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. プロトタイプに注目する 20 要求 プロトタイプ 要件定義 デザインデータ どんな課題を解決するか どんな価値を提供するか そのために何をどう作るか 実現できるのか 使いやすいのか チームで議論をして 合意するフェーズ Protos(最初の)+typos(型)
21. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. プロトタイプにまつわる課題 21 Vibe Coding でプロトタイプを作っても 本番との差異が多く、実装時に新たな問題が発覚しがち 作ったものがローカルに存在するため、すぐに共有できない Figma で多数のプロトタイプを作るコストが大 プロトタイプを作ることができる人が限られる（スキル面）
22. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. プロトタイプ開発環境 – Aegis Lab 22 誰でも簡単に Aegis を利用したプロトタイプをすぐ作ることができて 作ったものをすぐチームで共有し、何度でも改善できる共通基盤 一覧画面に ステータスを 表示して
23. Aegis Lab の仕組み
24. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 「LegalOn の案件詳細画面に〇〇を作って」から URL ができるまで 24 AI Coding Agent が Rules/Skills を確認 適切な Skills を使い、LegalOn の案件詳細画面をコピー 骨組み・アンチパターン・レシピ集を元に〇〇を追加 ローカルの開発環境でプロトタイプをブラッシュアップ AI Coding Agent が PR を作成し URL を共有 ① ② ③ ④ ⑤
25. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 「LegalOn の案件詳細画面に〇〇を作って」から URL ができるまで 25 AI Coding Agent が Rules/Skills を確認 適切な Skills を使い、LegalOn の案件詳細画面をコピー 骨組み・アンチパターン・レシピ集を元に〇〇を追加 ローカルの開発環境でプロトタイプをブラッシュアップ AI Coding Agent が PR を作成し URL を共有 ① ② ③ ④ ⑤
26. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. AI Coding Agent が Aegis を扱いやすいように Rules や Skills を提供 26 人間も AI も同等に使える共通基盤 https://tech.legalforce.co.jp/entry/aegis-agent-skills-improvement
27. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 「LegalOn の案件詳細画面に〇〇を作って」から URL ができるまで 27 AI Coding Agent が Rules/Skills を確認 適切な Skills を使い、LegalOn の案件詳細画面をコピー 骨組み・アンチパターン・レシピ集を元に〇〇を追加 ローカルの開発環境でプロトタイプをブラッシュアップ AI Coding Agent が PR を作成し URL を共有 ① ② ③ ④ ⑤
28. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 本番と定期に同期されているテンプレートを利用 28 Aegis Lab 最新の画面を 取り込む 本番さながらのテンプレートをベースにプロトタイプを開発できる
29. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 「LegalOn の案件詳細画面に〇〇を作って」から URL ができるまで 29 AI Coding Agent が Rules/Skills を確認 適切な Skills を使い、LegalOn の案件詳細画面をコピー 骨組み・アンチパターン・レシピ集を元に〇〇を追加 ローカルの開発環境でプロトタイプをブラッシュアップ AI Coding Agent が PR を作成し URL を共有 ① ② ③ ④ ⑤
30. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. ベースとなるレイアウト・骨組みを提供 30 型があることで、0→1でレイアウトを出力する際の精度が向上
31. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. よくあるアンチパターン集をプリセット / linter でチェック 31 人間や AI が過去に行ったミスをアンチパターン化し、再発防止
32. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. Aegis を組み合わせるレシピ集もプリセット 32 よくあるコンポーネントの組み合わせを参照させ、ブレを減らす
33. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 「LegalOn の案件詳細画面に〇〇を作って」から URL ができるまで 33 AI Coding Agent が Rules/Skills を確認 適切な Skills を使い、LegalOn の案件詳細画面をコピー 骨組み・アンチパターン・レシピ集を元に〇〇を追加 ローカルの開発環境でプロトタイプをブラッシュアップ AI Coding Agent が PR を作成し URL を共有 ① ② ③ ④ ⑤
34. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 便利なツールたち: Quick Editor 34 Codex App のアノテーション機能と併用を想定 直接コンポーネントの Variant などを UI 上から変更できる
35. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 便利なツールたち: PageLayout Builder 35 UI 上を操作し、作ったレイアウトをコードとして出力する 他にもコメント機能、録画機能、会話内容からプロトタイプのインサイトを推測する機能など
36. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 「LegalOn の案件詳細画面に〇〇を作って」から URL ができるまで 36 AI Coding Agent が Rules/Skills を確認 適切な Skills を使い、LegalOn の案件詳細画面をコピー 骨組み・アンチパターン・レシピ集を元に〇〇を追加 ローカルの開発環境でプロトタイプをブラッシュアップ AI Coding Agent が PR を作成し URL を共有 ① ② ③ ④ ⑤
37. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 社内のメンバーにプロトタイプをすぐ共有し、触ってもらえる 37 PR を作成すると、自動的に各 PR に紐づいた共有 URL が発行される
38. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. Aegis Lab の仕組み・裏側のまとめ 38 AI Coding Agent のための Rules/Skills 整備 骨組み・アンチパターン・レシピ集の整備 本番環境との定期的な同期によるテンプレートの更新 プロトタイプをすぐに触れる・URL で共有できる その他、開発時に便利なツールたち
39. 現場の変化と成果
40. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 誰でもプロトタイプを作れるようになり、議論が加速 40 https://speakerdeck.com/legalontechnologies/dezanare2026-vol6-ai-coding-agent
41. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. Aegis Lab でプロトタイプを作り検証した重要な機能が続々とリリース 41 https://legalontech.jp/10574/ https://legalontech.jp/10797/
42. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. デザイナー・エンジニア・プロダクトマネージャーにヒアリングを実施 42 スピード・リードタイムの短縮 議論の質・意思決定の質が向上 各種ロールの変化
43. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. スピード・リードタイムの短縮 43 全職種が共通して「速さ」を最大の効果として挙げた Figma/仕様書など、各ロールの成果物の完成を待つことが不要になった プロトタイプ生成、インタラクションの確認が圧倒的に高速化 Aegis Lab で開発したプロトタイプはほとんど工数をかけていないため、 やり直しの心理的負担が小さい コンポーネントを組み合わせる作業や、デモを作成する際の手作業から解放 Figma のデータをコードに移植するより、プロトタイプを移植する方が容易
44. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 議論の質・意思決定の質が向上 44 動くプロトタイプが議論の土台となり、コミュニケーションが具体化 チームやお客様と動く画面をベースに話せるため、 認識齟齬が減ってフィードバックの質が向上した 操作感を含めたすり合わせが可能になり、意思決定が加速 画面を触れるため、「削除機能も必要」など仕様の抜け漏れを早期発見
45. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 各種ロールの変化 45 職種間の境界が薄くなり、コラボレーションが増えた プロダクトマネージャーの変化: 要求に加え、要件・UI 設計まで担えるように。 自らプロトタイプを作り、イメージを具現化して、チームに意見をもらえる デザイナーの変化: UI の作成時間が削減され、情報整理・UX 設計・ドメイン理解により注力 エンジニアの変化: Figma では検証できなかった技術的制約をプロトタイプの段階で発見 Figma からコードに変換する工程が減少
46. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 実装前の工数・手戻りコストが減少し、質が向上した 46 プロトタイプ 開発 テスト リリース 設計 要求の整理 コスト
47. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. Aegis Lab で各方面から事業に貢献 47 売り上げ 意思決定の質と速度を早め、 新機能・新プロダクトの市場投入を早める。 生産性 プロトタイプを即共有し議論できることで、 リードタイムを短縮。 車輪の再発明防止と手動作業の削減。 品質 バグ・エラーが少なく安定的に稼働し、 プロトタイプの段階からデザインシステムの ルールに準拠したプロトタイプを生成する。 コスト プロトタイプの作成時間を短縮。 AI のトークン/コンテキストを最適化。 Aegis Lab を利用するユーザーが事業貢献に向かっている前提で…
48. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 共通基盤が事業に貢献する前提条件 48 とても速い乗り物があっても 乗ってもらえなければ目的地に早く到達できないように 魅力的な共通基盤があったしても 使ってもらわなければ事業貢献はできない
49. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 共通基盤を使う人を増やす・広げるナレッジシェアの場 49
50. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. AI Coding Agent もナレッジシェア 50 ボツになったものも含め、プロトタイプから ユーザーのフラストレーションを収集する Aegis Lab 次の開発に活用 うまくいかなかったこと 出力に失敗している例
51. Aegis Lab を開発・運用して得た学びと教訓
52. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. Aegis Lab を開発して得た学び 52 品質と速度は両立できる。 しかし、土台がしっかりしていないと保てない。 コードは資産にも負債になる。 大事なのは書いたコードの量ではなく、ユーザーに届けた価値。 コード量が増えること自体は成果ではない。我々が追うべき指標は別。
53. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. Aegis Lab を開発して得た学び 53 共通基盤を一人で作らない。人と話す。 ロールに縛られずに アウトプットをアウトカムに繋げる。 共通基盤の開発者は、 エンジニアにもデザイナーにも プロダクトマネージャーにもなれる。
54. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. Aegis Lab を開発して得た教訓 54 AI が高精度に UI を出力できるようになったとしても それがそのままユーザーにとってベストであるとは限らない。 私たちが目指すべきなのは、 AI やデザインシステムを使って画面を作ることではなく、 ユーザーが迷わず目的を達成できる体験を設計すること。 そのためには、画面から余分な情報を削ぎ落とし、 操作方法や表現に一貫性を持たせ、専門知識や利用頻度に関わらず 「誰でもわかる・誰でも使える」体験にまで磨き込む必要がある。
55. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. AI の価値 55 AI の価値は「一つのものを速く作ること」ではなく、 参考: DORA: ROI of AI-assisted Software Development report 「安く多くの選択肢を試してみて、 当たったものだけに本格投資できること」 https://cloud.google.com/resources/content/dora-roi-of-ai-assisted-software-development
56. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 今日お伝えすること 56 01 デザインシステムの運用で得た知見 02 1. Aegis Lab の開発秘話 2. チームでリリースする機能の認識を早くそろえる 3. Aegis Lab の仕組み 4. 現場の変化と成果 5. 学びと教訓 マインド・スタンス
57. 57 マインド・スタンス
58. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 前提を整理し、常識を疑う 58 Lint に通っていないと、プロトタイプをデプロイができない？ 本当にその成果物は必要？ リリース・運用できるなら作らない方が良いのでは？ プロトタイプは捨てるもの？ うまく活用できたら便利では？
59. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. ムーンショットとバックキャスティング 59 解決したい課題、提供したい価値にどれだけのインパクトがあるか？ そのインパクトを出すために何をやる必要があるのか？
60. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. プロとして学び続けること 60 視点・観点がなければ AI の出力が間違いだと気づけない。 AI の出力に責任を持つ。 コントラストの問題や色弱について知っていれば… キーボード操作・読み上げ順序について知っていれば… パフォーマンスについて知っていれば… アクセシビリティについて知っていれば… ユーザビリティについて知っていれば… セキュリティについて知っていれば… ブラウザ間の実装差異について知っていれば… AI ができることを知っていれば…
61. 61 まとめ
62. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. まとめ: 共通基盤で事業貢献をするために必要なこと 62 共通基盤の品質が高く、利用することで生産性の向上や コスト削減の効果が期待されるなどのメリットがあり 社内メンバーが継続的に使っていること 共通基盤を使う想定のユーザー、社内メンバーが 顧客の課題を適切に解決しているという前提で
63. 本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. まとめ: さらに事業を加速させていくためには 63 会社の戦略や現場の状況を理解した上で 目的を速やかに達成できる方法を共通基盤として提供しよう。 AI・モデルの進化によって これからさらに加速できる領域が見つかるかもしれない。 今後も人と AI Coding Agent が使える共通基盤は もっと組織にレバレッジを効かせていくことができる。 そのためにも日々、プロとして学び続けよう！
64. 64 ありがとうございました！ / Thank you!