AIエージェントがJSフレームワークを評価
原題: The AI cost of JavaScript frameworks
なぜ重要か
フレームワーク選定をAIコスト（トークン消費・開発時間）の観点から実測した先行事例として、今後の開発標準化議論に影響しうる。
ソフトウェアエンジニアのNolan Lawsonは2026年10月28日、AIエージェントが各種JavaScriptフレームワーク（Next.js、Nuxt、SvelteKitなど）でPokémon向けWebアプリを構築し、開発時間・消費トークン数・コード行数・Lighthouseスコアを比較するベンチマークを実施・公開した。「AIに適したフレームワーク」をめぐる根拠のない主張に対し、実測データで答えようとする試みだ。
Web開発コミュニティでは長年、フレームワーク選定が「感覚」に左右されてきた。React採用理由の多くが後付け合理化であったと指摘されてきたが、AIエージェントが主体となるアジェンティック時代に入っても状況は変わらず、「このフレームワークはエージェントに向いている」「エラーが減る」といった主張が証拠なく飛び交っている。Lawsonはその状況に疑問を持ち、ベンチマーク設計に乗り出した。
実験の構造はシンプルだ。PokéAPIを使ったPokémonアプリ（検索・フィルター・ゲームデータ表示機能付き）を設計し、各フレームワーク向けの公式MCPまたはスキルを使ったエージェントに構築させる。各エージェントはサンドボックス環境で動作し、Lighthouseによるパフォーマンス・アクセシビリティ評価があることは知らされていない。評価軸は開発時間、消費トークン数、コード行数、そしてLighthouseスコアの4点。
CSSについてはTailwind・Bootstrap等のコンポーネントフレームワーク使用を禁じ、指定の設計トークンを渡すことで視覚的一貫性を担保しつつ、テストの焦点をCSSではなくJS・SSR/CSR・SPA/MPAの差異に絞った。また、SSRとCSRのどちらを採用するかは各エージェントの判断に委ねた。
使用したモデルはClaude Opus 5.5（高effortモード）。各フレームワークの公式MCPを使うことで「学習データへの露出量の差」という批判を回避する設計になっている。ただしLawson自身も認めるように、このアプリは「インタラクティブ性が低くコンテンツ中心」という特性を持ち、FigmaやGMailのような複雑なWebアプリを代表するものではない。ベンチマーク結果の詳細は記事本文内のスペック適合スイートとの比較表に示されている。