UI/UX

機能テストだけでは足りない。「ユーザー視点」の回帰テストをAIで再構築した話。

想定読者 はじめに 本活動の背景 本取り組みの流れ 使用したツール 調査フェーズ: サイト分析と機能の把握 人間なら「見ればわかる」、AIには「教える必要がある」 設計フェーズ1: ユーザーシナリオの具現化 AIに教えた「2つの顔」 設計フェーズ2: ユーザー…

DMMデザイン組織の動き2025 - AI活用と人材戦略 -

自己紹介 はじめに 1. AIの進展による数年先のデザイナーの役割の変化 参考:取り組み詳細の記事 2. 理想に届かないAIに嘆かず、今伸びてるAIに目を向ける 3. デザインと事業の接続点をAIと見出す 参考:取り組み詳細の記事 4. さらなるデザイン組織全体の定…

DMM の Turtle Design System ポータルサイト β 版を公開しました

はじめに デザインシステムとは? これまでの歩み さらなる価値提供のためにチャレンジできないか? 最高のフロントエンドアプリケーションを最速で はじめに こんにちは!わたしたちは DMM.com の プラットフォーム開発本部 > Developer Productivity Group…

AI × Turtle で実現する Vibe Coding:DMM デザインシステムを活用した新たな開発ワークフロー

はじめに Turtle とは わたしたちのこれまでの取り組み AI-Turtle プロジェクトの誕生 Figma MCP サーバーを試す Turtle MCP サーバーを作る MCP サーバーの実装 ルールの作成 デザイントークンの処理 デザインデータは AI-friendly であるべき AI に考えさ…

デジタル庁の「デジタル認証アプリ」と連携した本人確認機能をリリースしました

はじめに 導入のきっかけ プロジェクトの進行と、乗り越えた壁 テストカードが足りない、からのスタート 設計からフロントエンド巻き込みの大切さを痛感 STG(ステージング)環境と本番の差 民間導入事例がない中での判断と設計 関係者との連携に助けられた …

Figma Config 2025参加レポート:DMMプロダクトマネージャーが現地で感じた、デザインの未来と熱気。

こんにちは!DMMプロダクトマネージャーの小島です。 このレポートでは、FigmaConfig2025で得られた刺激的な体験や、発表された新機能、そしてサンフランシスコでのちょっとした出来事についてお話ししたいと思います。Figmaユーザーの方も、そうでない方も…

DMMデザイン組織の動き2024

自己紹介 はじめに 1. プロダクトデザインが求めらえるシーンの増加 【取り組み詳細の記事】 2. AIと共創する文化の定着 【取り組み詳細の記事】 3. 採用/外部発信の強化 さいごに 自己紹介 齊藤 卓真 デザイン部 部長 クライアントワーク/事業会社でデザ…

入社10ヶ月で行った Turtle デザインシステムの開発と関連する取り組み

はじめに 私のチーム 10ヶ月間での私の取り組みタイムライン Turtle とは Turtle の構成要素 デザイン原則 ガイドライン Turtle ライブラリ ドキュメント Turtle 開発で取り組んだこと デモサイト(リファレンスアプリ)の作成 デザイントークンの一元管理 …

「情報デザインってなんだろう」DMM現役デザイナーの客員准教授就任にあたって

情報をデザインするってどういうこと? 情報デザインのトレーニングとは? 情報デザインは身近なものとなるのか? 「分解・再構築・伝達」の背景にあるものとは こんにちは。DMM.comラボ UXデザイナーの源です。 2018年4月から会社の仕事と並行して、成安造…