revcomm-tech https://blog.hatena.ne.jp/revcomm-tech/ RevComm Tech Blog https://tech.revcomm.co.jp/ React Tech フロントエンド 生成AI はじめに MiiTel Phone の開発チームでは Claude Code などの AI コーディングエージェントを活用して、生産性やコード品質の改善などに取り組んでいます。 本記事では実際に取り組んでいる内容や課題などについて紹介します。 実施している取り組み UI コンポーネントの実装の効率化 Figma MCP などを活用して、デザインデータから React コンポーネントを生成しています。Storybook 向けのストーリーの生成も任せることで、コーディングエージェントが実装してくれた UI コンポーネントをすぐに確認することができて便利です。 help.figma.com また、R… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.revcomm.co.jp%2Ffrontend-ai-coding-agents-in-miitel-phone-team" title="フロントエンド開発への AI コーディングエージェントの導入 - MiiTel Phone チームにおける取り組みの紹介 - RevComm Tech Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2026-04-07 12:00:00 rich https://tech.revcomm.co.jp/frontend-ai-coding-agents-in-miitel-phone-team 1.0 100%