AIによるWebアプリ開発コスト、JavaScriptフレームワークで最大2倍の差
2026年11月13日 · 読了 1 分
開発者のノラン・ローソンが、異なるJavaScriptフレームワークを用いたWebアプリ開発におけるAIエージェントのコストと所要時間を比較した。調査では、Angularが最も高価で時間のかかる選択肢となり、Honoとhtmxの組み合わせが最も安価で迅速な結果となった。中央値ベースのコスト差はほぼ2倍に達した。
実験では、Claude CodeとOpus 5.5モデルを用い、PokéAPIのデータを活用したポケモンカタログの検索・フィルタリング機能付きアプリの開発を指示した。ローソンはUIフレームワークなしのJavaScriptを含む12の構成をテストし、各構成を5回実行した。すべてのエージェントに同一のタスクと機能テストが割り当てられた。
5回実行の中央値では、Astroが8.2分で最も速かった。Honoとhtmxの組み合わせは1アプリあたり2.67ドル、所要時間8.6分で最も安価だった。一方、Angularは17.2分と4.97ドルで、速度とコストの両面で最悪の結果となった。これは最速・最安の構成の約2倍の時間と費用である。
UIフレームワークなしの純粋なJavaScript版は、2.98ドルと10.1分を要し、最速や最安にはならなかった。AstroやHonoとhtmxの組み合わせには及ばなかった。トークン消費量はNuxtが385万で最少、Angularが976万で最多となり、約2.5倍の差があった。消費の大部分はキャッシュされたコンテキストの再読み込みが占めた。
生成されたWebアプリの品質評価には大きな差はなかった。Lighthouseの中央値スコアはパフォーマンスで97から100点、アクセシビリティで100点だった。