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

Embed

Start on current slide

Slide 1

Slide 1 text

人もAIも使える共通基盤を事業の加速装置にする〜デザインシステム運用に学ぶ組織レバレッジ〜株式会社LegalOn Technologies 渡辺凌央（@wataryooou） Developers Summit 2026 Summer – 2026/7/17

Slide 2

Slide 2 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 自己紹介 2 株式会社LegalOn Technologies Senior Software Engineer 渡辺凌央 / Ryo Watanabe 2022年1月に入社 Aegis の開発・運用過去はプロダクトマネージャーを経験

Slide 3

Slide 3 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 今日お伝えすること 3 01 デザインシステムの運用で得た知見 02 1. Aegis Lab の開発秘話 2. チームでリリースする機能の認識を早くそろえる 3. Aegis Lab の仕組み 4. 現場の変化と成果 5. 学びと教訓マインド・スタンス

Slide 4

Slide 4 text

4 デザインシステムの運用で得た知見

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Aegis Lab の開発秘話 – 作る前に何を考えていたのか？

Slide 8

Slide 8 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 2025年、11月ごろの話 8 会社の戦略・新規事業開発をするケースが増える・AI をいかにうまく使い、価値に繋げられるかチームの規模・フルスタック化・少数精鋭・デザインシステムに詳しくない人もコードを生成する AI Coding Agent の進化・精度が向上・Claude Code や Codex App など環境が充実・開発スピードの向上過去の成功体験・イメージを伝えた次の日の朝に、 Figma が出来上がった・早くリリースすることができて、事業に貢献プロジェクトが始まる前に考えていたこと

Slide 9

Slide 9 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 2025年、11月ごろの話 9 会社の戦略・新規事業開発をするケースが増える・AI をいかにうまく使い、価値に繋げられるかチームの規模・フルスタック化・少数精鋭・デザインシステムに詳しくない人もコードを生成する AI Coding Agent の進化・精度が向上・Claude Code や Codex App など環境が充実・開発スピードの向上過去の成功体験・イメージを伝えた次の日の朝に、 Figma が出来上がった・早くリリースすることができて、事業に貢献プロジェクトが始まる前に考えていたこと

Slide 10

Slide 10 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. LegalOn Technologiesグループが展開する「Professional AI」 10 LegalOn Technologiesは、グループ会社とともに各専門領域に特化したAI「Professional AI」を開発・提供しています。法務、ガバナンス、コンプライアンス、人事・労務、営業。 Professional AIは、企業経営における主要な専門業務オペレーションへ拡大していきます。

Slide 11

Slide 11 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 2025年、11月ごろの話 11 会社の戦略・新規事業開発をするケースが増える・AI をいかにうまく使い、価値に繋げられるかチームの規模・フルスタック化・少数精鋭・デザインシステムに詳しくない人もコードを生成する AI Coding Agent の進化・精度が向上・Claude Code や Codex App など環境が充実・開発スピードの向上過去の成功体験・イメージを伝えた次の日の朝に、 Figma が出来上がった・実装以上に作るものの意思決定が早かったプロジェクトが始まる前に考えていたこと

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 2025年、11月ごろの話 14 会社の戦略・新規事業開発をするケースが増える・AI をいかにうまく使い、価値に繋げられるかチームの規模・フルスタック化・少数精鋭・デザインシステムに詳しくない人もコードを生成する AI Coding Agent の進化・精度が向上・Claude Code や Codex App など環境が充実・開発スピードの向上過去の成功体験・イメージを伝えた次の日の朝に、 Figma が出来上がった・実装以上に作るものの意思決定が早かったプロジェクトが始まる前に考えていたこと

Slide 15

Slide 15 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. ディスカバリーフェーズをもっと加速させることができるのでは？ 15 プロトタイプ要件定義デザインデータ開発テストリリース設計要求コストここに事業貢献できるチャンスがある？

Slide 16

Slide 16 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 要求からコードになるまでのコスト 16 Figma でマスターデータを作るプロトタイプを見ながら、チームでディスカッションし、要件を明確化顧客からの要求を分析する要求をもとに Figma でプロトタイプを数パターン作ってみる Figma のデータをコードにする

Slide 17

Slide 17 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. そもそも何のために開発をしているんだっけ？ 17 ユーザーに価値を届けたい・ユーザーの課題を解決したい仕様書や Figma データを作ることは手段であって目的ではない従来の延長線上で発想すると… 早く質の良い仕様書・PRD を作る / Figma から素早くコードに変換するそうではなく… 実装に入る前に、チームがどのような状態にならないといけないのか？

Slide 18

Slide 18 text

Slide 19

Slide 19 text

チームでリリースする機能の認識を早くそろえるためには？

Slide 20

Slide 20 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. プロトタイプに注目する 20 要求プロトタイプ要件定義デザインデータどんな課題を解決するかどんな価値を提供するかそのために何をどう作るか実現できるのか使いやすいのかチームで議論をして合意するフェーズ Protos(最初の)+typos(型)

Slide 21

Slide 21 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. プロトタイプにまつわる課題 21 Vibe Coding でプロトタイプを作っても本番との差異が多く、実装時に新たな問題が発覚しがち作ったものがローカルに存在するため、すぐに共有できない Figma で多数のプロトタイプを作るコストが大プロトタイプを作ることができる人が限られる（スキル面）

Slide 22

Slide 22 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. プロトタイプ開発環境 – Aegis Lab 22 誰でも簡単に Aegis を利用したプロトタイプをすぐ作ることができて作ったものをすぐチームで共有し、何度でも改善できる共通基盤一覧画面にステータスを表示して

Slide 23

Slide 23 text

Aegis Lab の仕組み

Slide 24

Slide 24 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社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 を共有 ① ② ③ ④ ⑤

Slide 25

Slide 25 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社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 を共有 ① ② ③ ④ ⑤

Slide 26

Slide 26 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社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

Slide 27

Slide 27 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社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 を共有 ① ② ③ ④ ⑤

Slide 28

Slide 28 text

Slide 29

Slide 29 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社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 を共有 ① ② ③ ④ ⑤

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社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 を共有 ① ② ③ ④ ⑤

Slide 34

Slide 34 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 便利なツールたち: Quick Editor 34 Codex App のアノテーション機能と併用を想定直接コンポーネントの Variant などを UI 上から変更できる

Slide 35

Slide 35 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 便利なツールたち: PageLayout Builder 35 UI 上を操作し、作ったレイアウトをコードとして出力する他にもコメント機能、録画機能、会話内容からプロトタイプのインサイトを推測する機能など

Slide 36

Slide 36 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社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 を共有 ① ② ③ ④ ⑤

Slide 37

Slide 37 text

Slide 38

Slide 38 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. Aegis Lab の仕組み・裏側のまとめ 38 AI Coding Agent のための Rules/Skills 整備骨組み・アンチパターン・レシピ集の整備本番環境との定期的な同期によるテンプレートの更新プロトタイプをすぐに触れる・URL で共有できるその他、開発時に便利なツールたち

Slide 39

Slide 39 text

現場の変化と成果

Slide 40

Slide 40 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 誰でもプロトタイプを作れるようになり、議論が加速 40 https://speakerdeck.com/legalontechnologies/dezanare2026-vol6-ai-coding-agent

Slide 41

Slide 41 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. Aegis Lab でプロトタイプを作り検証した重要な機能が続々とリリース 41 https://legalontech.jp/10574/ https://legalontech.jp/10797/

Slide 42

Slide 42 text

Slide 43

Slide 43 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. スピード・リードタイムの短縮 43 全職種が共通して「速さ」を最大の効果として挙げた Figma/仕様書など、各ロールの成果物の完成を待つことが不要になったプロトタイプ生成、インタラクションの確認が圧倒的に高速化 Aegis Lab で開発したプロトタイプはほとんど工数をかけていないため、やり直しの心理的負担が小さいコンポーネントを組み合わせる作業や、デモを作成する際の手作業から解放 Figma のデータをコードに移植するより、プロトタイプを移植する方が容易

Slide 44

Slide 44 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 議論の質・意思決定の質が向上 44 動くプロトタイプが議論の土台となり、コミュニケーションが具体化チームやお客様と動く画面をベースに話せるため、認識齟齬が減ってフィードバックの質が向上した操作感を含めたすり合わせが可能になり、意思決定が加速画面を触れるため、「削除機能も必要」など仕様の抜け漏れを早期発見

Slide 45

Slide 45 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 各種ロールの変化 45 職種間の境界が薄くなり、コラボレーションが増えたプロダクトマネージャーの変化: 要求に加え、要件・UI 設計まで担えるように。自らプロトタイプを作り、イメージを具現化して、チームに意見をもらえるデザイナーの変化: UI の作成時間が削減され、情報整理・UX 設計・ドメイン理解により注力エンジニアの変化: Figma では検証できなかった技術的制約をプロトタイプの段階で発見 Figma からコードに変換する工程が減少

Slide 46

Slide 46 text

Slide 47

Slide 47 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. Aegis Lab で各方面から事業に貢献 47 売り上げ意思決定の質と速度を早め、新機能・新プロダクトの市場投入を早める。生産性プロトタイプを即共有し議論できることで、リードタイムを短縮。車輪の再発明防止と手動作業の削減。品質バグ・エラーが少なく安定的に稼働し、プロトタイプの段階からデザインシステムのルールに準拠したプロトタイプを生成する。コストプロトタイプの作成時間を短縮。 AI のトークン/コンテキストを最適化。 Aegis Lab を利用するユーザーが事業貢献に向かっている前提で…

Slide 48

Slide 48 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 共通基盤が事業に貢献する前提条件 48 とても速い乗り物があっても乗ってもらえなければ目的地に早く到達できないように魅力的な共通基盤があったしても使ってもらわなければ事業貢献はできない

Slide 49

Slide 49 text

Slide 50

Slide 50 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. AI Coding Agent もナレッジシェア 50 ボツになったものも含め、プロトタイプからユーザーのフラストレーションを収集する Aegis Lab 次の開発に活用うまくいかなかったこと出力に失敗している例

Slide 51

Slide 51 text

Aegis Lab を開発・運用して得た学びと教訓

Slide 52

Slide 52 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. Aegis Lab を開発して得た学び 52 品質と速度は両立できる。しかし、土台がしっかりしていないと保てない。コードは資産にも負債になる。大事なのは書いたコードの量ではなく、ユーザーに届けた価値。コード量が増えること自体は成果ではない。我々が追うべき指標は別。

Slide 53

Slide 53 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. Aegis Lab を開発して得た学び 53 共通基盤を一人で作らない。人と話す。ロールに縛られずにアウトプットをアウトカムに繋げる。共通基盤の開発者は、エンジニアにもデザイナーにもプロダクトマネージャーにもなれる。

Slide 54

Slide 54 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. Aegis Lab を開発して得た教訓 54 AI が高精度に UI を出力できるようになったとしてもそれがそのままユーザーにとってベストであるとは限らない。私たちが目指すべきなのは、 AI やデザインシステムを使って画面を作ることではなく、ユーザーが迷わず目的を達成できる体験を設計すること。そのためには、画面から余分な情報を削ぎ落とし、操作方法や表現に一貫性を持たせ、専門知識や利用頻度に関わらず「誰でもわかる・誰でも使える」体験にまで磨き込む必要がある。

Slide 55

Slide 55 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社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

Slide 56

Slide 56 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 今日お伝えすること 56 01 デザインシステムの運用で得た知見 02 1. Aegis Lab の開発秘話 2. チームでリリースする機能の認識を早くそろえる 3. Aegis Lab の仕組み 4. 現場の変化と成果 5. 学びと教訓マインド・スタンス

Slide 57

Slide 57 text

57 マインド・スタンス

Slide 58

Slide 58 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. 前提を整理し、常識を疑う 58 Lint に通っていないと、プロトタイプをデプロイができない？本当にその成果物は必要？リリース・運用できるなら作らない方が良いのでは？プロトタイプは捨てるもの？うまく活用できたら便利では？

Slide 59

Slide 59 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. ムーンショットとバックキャスティング 59 解決したい課題、提供したい価値にどれだけのインパクトがあるか？そのインパクトを出すために何をやる必要があるのか？

Slide 60

Slide 60 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. プロとして学び続けること 60 視点・観点がなければ AI の出力が間違いだと気づけない。 AI の出力に責任を持つ。コントラストの問題や色弱について知っていれば… キーボード操作・読み上げ順序について知っていれば… パフォーマンスについて知っていれば… アクセシビリティについて知っていれば… ユーザビリティについて知っていれば… セキュリティについて知っていれば… ブラウザ間の実装差異について知っていれば… AI ができることを知っていれば…

Slide 61

Slide 61 text

61 まとめ

Slide 62

Slide 62 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. まとめ: 共通基盤で事業貢献をするために必要なこと 62 共通基盤の品質が高く、利用することで生産性の向上やコスト削減の効果が期待されるなどのメリットがあり社内メンバーが継続的に使っていること共通基盤を使う想定のユーザー、社内メンバーが顧客の課題を適切に解決しているという前提で

Slide 63

Slide 63 text

本資料は貴社の便宜のためのみに提供されるものであり、複写、引用または第三者の閲覧に共される際は株式会社LegalOn Technologiesの了承を得てください。また、当該資料の利用により直接または間接に生じた損害や損失等について、株式会社LegalOn Technologiesは一切の責任を負いません。©LegalOn Technologies, Inc. all rights reserved. まとめ: さらに事業を加速させていくためには 63 会社の戦略や現場の状況を理解した上で目的を速やかに達成できる方法を共通基盤として提供しよう。 AI・モデルの進化によってこれからさらに加速できる領域が見つかるかもしれない。今後も人と AI Coding Agent が使える共通基盤はもっと組織にレバレッジを効かせていくことができる。そのためにも日々、プロとして学び続けよう！