katsuya_oyama https://blog.hatena.ne.jp/katsuya_oyama/ Fenrir Engineers https://engineers.fenrir-inc.com/ Web エンジニアなら知っておきたい フロントエンドエンジニアの大山です。AIエージェントを利用した開発によってフロントエンド開発がこれまでと大きく変わっていることを実感しています。 AI駆動開発導入前 デザイナーが作成したFigmaやXDファイルの数値（フォントサイズやマージン、カラーコードなど）を目視確認しながらコーディングしていました。 また、Chrome拡張機能（PerfectPixelなど）でデザインのスクリーンショットを半透明にして重ね合わせ、ピクセルパーフェクトを実現していました。 AI駆動開発導入後 AIエージェントがデザインデータの構造を直接解釈します。それを元にAIがコードを生成します。 生成されたコードとデザ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fengineers.fenrir-inc.com%2Fentry%2F2026%2F04%2F09%2F103411" title="AI駆動開発でフロントエンド開発はこう変わる - Fenrir Engineers" 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-09 10:34:11 rich https://engineers.fenrir-inc.com/entry/2026/04/09/103411 1.0 100%