はじめに 本記事は、バックエンドエンジニアとして9年目を迎えた私が、フロントエンドのテスト導入をチームでリードすることになってからの1ヶ月間を振り返る実践記です。VitestとAIエージェント(Cursor、Claude Code)を組み合わせてテストを書き進めるなかで、何がうまくいき、何がうまくいかず、どこで方向転換をしたか。その途中経過を、3部構成で記録していきます。 先に断っておきますが、私はフロントエンドエンジニアではありません。バックエンドを主軸にキャリアを積んできた身で、フロントエンドのコードとの接点はバックエンドAPIとの接続部分を一緒に確認する程度でした。フロントエンドのドメイン知識もフレームワーク知識も、お世辞にも豊富とは言えない状態からのスタートです。 また本記事は、これまで書いてきたテスト設計シリーズのフロントエンド×AI時代の実践編として位置付けています。シリーズで

