なぜAIはフロントエンド開発が苦手なのか

記事の概要

nerdy.devのAdam Argyleが、現在のAIツールがフロントエンド開発において力不足な理由を4つの構造的原因から考察しています。古くてテンプレート重視のコードで学習していること、UIの出力をレンダリングまたは知覚できないこと、CSSやレイアウトの判断の「理由」を理解していないこと、そして動的なブラウザ環境を把握していないことです。AIはスキャフォールディングや面倒な移行作業はうまくこなすと認めつつも、独自レイアウト、カスタムインタラクション、アクセシビリティ、パフォーマンスでは一貫して期待を下回り、コンポーネントが複雑になるほど品質が落ちると指摘しています。

HN（Hacker News）でのディスカッションはこちら

ディスカッションの概要

• コメント欄では意見が真っ二つに割れています。バックエンド・MLエンジニアはフロントエンドでもAIが非常に役立つと報告（「視覚的なアプリを作れるようになった」）する一方、フロントエンドの経験者はスキャフォールディング以上の用途では物足りないと感じています
• 実用的なワークアラウンドも紹介されました。ImageMagickでスクリーンショットとモックアップを比較し、差分5%未満を目標にする方法で、あるコメント投稿者はこの手法でウェブサイト全体を2日で構築したと述べています
• 「AIがフロントエンドに本当に弱いなら、今頃仕事があったはずだ」——完璧ではなくても、すでに一部のフロントエンドの役割を代替するほど十分な水準に達しているという、胸に刺さる反論です
• CODING.md / FRONTEND.mdにルールや期待値を書き込むことで、AIを80%のレベルまで引き上げ、残り20%のデザイン上の重要な判断に人間の作業を集中させることを勧める声も複数ありました
• より深い考察として、フロントエンド自体のサイクルが速すぎることも一因という指摘があります。フレームワーク、設計パラダイム、ベストプラクティスの変化が激しく、人間でさえ「なぜこうするのか」を常に把握しているわけではない、というわけです

原文（英語）: Why AI Struggles at Front End Development