山口 賢人

NEW

UX/UIデザイン

はじめに 本ドキュメントは、画面仕様書からReactコンポーネントを設計・実装するまでのフローを定義します。 6カテゴリのコンポーネント分類に基づき、一貫した設計判断を行うための指針を提供します。 最後に、これらの分類をAIに依頼するプロンプトをまとめます。 注記 本ガイドラインは「Next.js App Ro…

NEW

Generative AI（生成AI）

はじめに AIによるコード生成は開発プロセスの中で当たり前になりつつあります。しかし、「検証」を伴わないままでは開発が高速化しません。本記事では、「生成」と「検証」のセット設計を基本とし、ローカルとCIの棲み分けによるプロセス構築の考え方を提示します。 なぜ「検証なし」のAI生成は破綻するのか AIによるコード生成…

NEW

Generative AI（生成AI）

はじめに：なぜテスト戦略を見直すのか AIエージェントがコードを生成する時代が到来しています。Claude Code、GitHub Copilot、Cursor——これらのツールは既に多くの開発現場で活用されていますが、ある根本的な問題が浮上しています。 「AIが生成したコードを、誰が・どうやって検証するのか？」…

NEW

Generative AI（生成AI）

はじめに Reactフロントエンド開発において、E2Eテストツール「MagicPod」とコンポーネントテストをどう使い分けるべきか。この問いに対する明確な答えを持たないまま、テストを書いているチームは少なくありません。本記事では、Kent C. Doddsが提唱した「Testing Trophy」の考え方を軸に、両者の…

UX/UIデザイン

はじめに 先日、Figma公式コミュニティ「Friends of Figma Nagoya」が主催するイベント「Figma Make-a-thon@Nagoya」に参加させていただきました。Figmaの新しいAIツール「Figma Make」を実際に触ってみるハンズオン形式のワークショップで、デザイナー・エンジニア問わ…

ソフトウェアテスティング

TISでは全社のE2Eテスト自動化比率UPを目標に社内のMagicPodの利用推進を進めています。 本記事では、社内プロダクトであるTIS AIChatLabの実践例を通じて効果的なテスト自動化の導入方法をまとめました。 TIS AIChatLabとは TIS AIChatLab（以下AIChatLab）は、社…

ソフトウェアテスティング

本記事では「MagicPodの活用状況」と題して、MagicPodを利用している各チームの方へのインタビューをお届けします。 DialogPlayのプロダクトチームからスクラムマスター森さん、エンジニア山田さんにMagicPodの具体的な活用事例や工夫ポイントなど、お話を伺いました。 MagicPodの利…

ソフトウェアテスティング

テスト自動化ツールMagicPodの社内利用推進を担当しています。山口です。 本記事は「MagicPodの活用状況」と題して、MagicPodを利用している各チームの方へのインタビューを行いました。 MagicPodの利用推進 施策について TISでは2023年からMagicPodの利用を開始し、全社のE2Eテスト…