UI/UXの開発フレームワーク 2/2 - 評価と自動化【20260127 AI×DevOps Study #3】 скачать в хорошем качестве

UI/UXの開発フレームワーク 2/2 - 評価と自動化【20260127 AI×DevOps Study #3】

AI×DevOps Study #3 の概要 2026年1月27日に開催した「AI×DevOps Study」第3回のアーカイブ動画です。 「AI×DevOps Study」は、AI駆動開発やそこに関係するマイクロサービスについて理解を深める場になります。 株式会社ScalarではAIを使ったチーム開発を進めており、参画しているメンバーや協力会社の方から、具体的なAI駆動開発を実施する方法、その中で生まれたマイクロサービスアーキテクチャを使用したAI駆動開発の事例や実際に使えるエージェントについてお話頂き、参加者の皆様と知識の共有や交換を目的としています。 （弊社製品であるScalarDBも絡んだお話も一部出てきますが、汎用的な内容となっておりますのでフラットにお楽しみいいただけます） 今回のテーマ 「UI/UXの開発フレームワーク 2/2 - 評価と自動化」 第2回は、実装後のフェーズに焦点を当て、クライアントからのフィードバック反映、UX評価、ドキュメント作成といった「評価・運用」プロセスをAIによって自動化・効率化する手法を紹介します。 1. イントロダクション AI活用の深化：実装だけでなく、その後の「評価」や「ドキュメント化」といった周辺業務においてもAIエージェントを活用し、プロジェクト全体の品質とスピードを向上させる方針を提示。 フェーズの拡張：要件定義・実装（第1回）に続き、クライアントの要望反映から多言語化、チームでの運用ルールに至るまでの実践的なワークフローを紹介。 2. フィードバックの即時反映と改善 会議のマルチモーダル集約：Googleの「NotebookLM」を活用し、会議の録音データと実際の画面キャプチャ（スクリーンショット）をソースとして読み込ませることで、精度の高い要件抽出とタスク分解を自動化。 即時実装フロー：抽出した要件をAIエージェントに渡し、その場でコード修正から動作確認（devサーバー起動）までを行うことで、会議中に改善案を提示できるスピード感を実現。 3. AIエージェントによるUX評価 評価の自動化：Vercel製の「agent-browser」を利用し、AIがブラウザを操作してユーザー行動をシミュレーションすることで、コストと時間を抑えたUX評価を実施。 ペルソナとジャーニーの生成：プロジェクト資料からAIが「ペルソナ」と「ユーザージャーニーマップ」を定義し、それに基づいた視点でサイトを巡回・評価することで、客観的な改善提案（アクセシビリティやユーザビリティ）を出力。 4. ドキュメント生成の自動化と運用ルール ドキュメントとテストの同期：AIエージェントがアプリケーションを探索し、E2Eテスト（Playwright）の実装、スクリーンショットの撮影、そして操作マニュアル（MDX）の執筆までを一貫して自動で行う仕組みを構築。 多言語化とチーム規約：モノレポ構成による翻訳リソースの一元管理で工数を削減しつつ、AI活用においては「人のレビューを怠らない」「プロンプトを疑う」といったチーム内の運用ルールを徹底することの重要性を強調。 登壇者情報（敬称略） 箱崎一輝 株式会社NewWizのバックエンドエンジニア。PHP/Laravelでの開発経験を経て、2025年4月からClineでAI駆動開発を開始。2025年7月よりClaude Codeに移行し、現在はAIを活用したバックエンド開発を専門としている。チーム開発におけるAI活用の課題を解決するため、Claude CodeのSkillsを活用した開発支援テンプレートを作成・運用中。 AI×DevOps Study は毎週開催予定です 本勉強会「AI×DevOps Study」は、週1回ペースでの開催を予定しています。 AI駆動開発やチーム開発におけるAI活用にご興味のある方は、ぜひイベントページや過去回の動画もご覧ください。 イベントページ https://scalar.connpass.com/event/380... Speaker Deck https://speakerdeck.com/scalar 過去の動画 (Playlist)    • AI×DevOps Study