世界を動かす技術を、日本語で。

AIモデルの選択:1つのプロンプト、11のモデル、異なる結果

2026年8月13日原文(netlify.com)

概要

  • Netlifyが OpenRouterとの提携 を発表
  • AI Gateway を通じて多様なモデル利用が可能に
  • Agent Runners で最新コーディングモデルを拡充
  • 各モデルの クレジット消費と生成サイト品質 を比較
  • 第1シナリオは「地域のコーヒーショップ」サイト生成

NetlifyとOpenRouterの新機能概要

  • NetlifyOpenRouter とのパートナーシップを開始

    • AI Gateway 経由でOpenRouter上の全モデルを自社アプリで利用可能
    • ユーザーのニーズや予算に合わせたモデル選択の幅が拡大
  • Agent Runners のモデル選択肢拡大

    • Netlifyのチャットプロンプト機能
    • Kimi K3、GLM 5.2、DeepSeek V4など最新・話題のオープンモデルを追加
    • Claude Agent、OpenAI Codex、Gemini CLIに加え、 OpenCode も選択可能に
  • Agent Runners の特徴

    • フル機能のコーディングエージェントを搭載
    • プロジェクトの文脈やNetlify機能(データベース、AI Gateway、Identity等)を理解し適切に活用

モデル選択の課題とテスト手法

  • モデル選択時の悩み

    • どのモデルが最適か、コストパフォーマンスや機能差に対する FOMO(見逃し不安)
    • クレジット消費量や生成結果の違いへの関心
  • Netlify社内の評価体制

    • AXIS という自動評価ツールをオープンソース化
    • プロンプトごとにモデル・エージェントを指定し、生成サイトの機能性を重点的にチェック
      • 例:必要な場合のみデータベースを使用、過剰設計の回避
      • テストスコアが低いモデルはAgent Runnersで提供しない方針
  • 今回は実際のクレジット消費・生成サイトを比較

    • 3つのユースケースで各モデルを横並びテスト
      • ① 地域のコーヒーショップ(静的サイト)
      • ② 複数ユーザー対応ToDoリスト(共有DB・画像アップロード)
      • ③ 材料からレシピ提案AI(AI Gateway活用)

シナリオ1:地域のコーヒーショップサイト生成

  • プロンプト例

    • 「地域のコーヒーショップの1ページサイトを作成。営業時間、住所、簡単なメニュー、写真を掲載。内容は手動編集以外変化しない」
    • CMS不要のヒントを明記
  • Netlifyのデフォルトスキル

    • UIデザインのガイダンス含む
    • 各モデルは自由に実装

モデルごとのクレジット消費比較

  • 各モデルで3回ずつ実行、平均クレジットを算出

  • 代表的な消費例(平均値、単位:クレジット)

    • Claude Opus 5: 551(253・249・1,055)※1回だけ極端に高消費
    • Claude Sonnet 5: 143(81・245・103)
    • GPT 5.6 Sol(低負荷): 141(173・158・92)
    • Gemini 3.6 Flash: 103(109・91・111)
    • Kimi K3: 102(125・95・86)
    • Gemini 3.1 Pro: 53(57・52・49)
    • GPT 5.6 Terra: 39(43・23・49)
    • DeepSeek V4 Pro: 37(47・30・33)
    • GLM 5.2: 27(15・42・24)
    • Kimi K2.7 Code: 19(21・18・17)
    • DeepSeek V4 Flash: 2.4(3.4・1.3・2.5)
  • 無料プラン:300クレジット/月、Personal:1,000、Pro:3,000、追加パック:1,500クレジット/$10

代表的なモデルの生成結果

  • Claude Opus 5

    • 1,055クレジットの例はデザイン性・細部まで凝った内容
    • アニメーション可能なテキスト要素やカスタム地図なども生成
    • 他2回も高品質だが、クレジット消費のばらつき大
    • クレジット大量消費が「4倍価値あるか」は主観が分かれる
  • Claude Sonnet 5

    • 平均143クレジット
    • シンプルな内容・ベクターグラフィックも簡素
  • GPT 5.6 Sol(低負荷)

    • 平均141クレジット
    • デザイン直感や内容のリッチさはSonnetより上
    • 画像はやや汎用的
  • GPT 5.6 Terra

    • 平均39クレジット
    • シンプルだが、デザインが異なり、致命的な欠陥はなし
    • 低コストで異なるテイストを試せる
  • Gemini 3.6 Flash & 3.1 Pro

    • 3.6 Flashは内容充実、平均103クレジット
    • 3.1 Proは極めてシンプル、平均53クレジット
  • Kimi K3 / K2.7 Code

    • K3は長期タスク向けだが、この用途では特筆すべき強みなし
    • K2.7 Codeは平均19クレジットと非常に低コスト

モデル選択時のポイントと今後

  • クレジット消費と生成品質のバランスが重要
  • 高価なモデルが必ずしも「圧倒的に良い」わけではない
  • 低コストモデルでも十分な品質を得られる場合あり
  • 今回は静的ページのみ。今後は動的機能や複雑なアプリ生成も比較予定

まとめ

  • Netlifyの新機能により、多様なAIモデルを柔軟に選択可能
  • 実際の生成結果・コストを自分で比較し、最適なモデル選択を推奨
  • ユースケースや予算に応じて使い分けるのが効果的

Hackerたちの意見

近所のコーヒーショップのために、営業時間、住所、簡単なメニュー、写真を載せた1ページのサイトを作るんだ。内容は自分が編集しない限り変わらない。これが全体のプロンプトなら、どれも似たり寄ったりでちょっと悲しいね。Opus 5バージョンの細かい部分は評価するけど、そのデザインからAIの雰囲気が漂ってるのは強く感じる。

技術的な側面についての知識がもっとあれば、みんなが似たようなものになってるのは良いことかもしれないね。人間にキッチンから寝室に行くように言ったら、みんな同じように立ち上がって歩くでしょ。誰もカニ歩きなんてしないよね。そうするためには、モデルを何らかの形で制約しないといけないかも。逆に、LLMで何か違うものを求めるなら、プロンプトに少しクリエイティブな言葉を加えるだけでいいんだ。

明らかに異なるモデル間で出力がどれだけ似ているかを見るのはいつも興味深いよね。初期の頃に短編小説の執筆をテストしたとき、GPTやLlama、Phi、Claudeなど、みんな同じニッチなトピックを選んでいたのを覚えてる。

それにしても、ちょっと無意味だよね。コーヒーショップにウェブサイトが必要な理由って何?「このコーヒーショップに行きたいけど、ウェブサイトが見つからない」なんて言ってる人はいないよね。もし「営業時間、住所、簡単なメニュー、写真」が欲しいだけなら、もっと簡単で安い方法があるよ。

Claudeを使って、ウェブサイトのデザインを大幅にリニューアルしようとしたんだけど、結果にはかなり満足したんだ。でも、実際に導入するのは待つことにした。そしたら、同じデザインがカフェに適用されてるのを見つけて、びっくり!これ、偶然とは思えないくらい似てて、Claudeのリニューアル案はお蔵入りにすることにしたよ。

デザインのバックグラウンドがあまりないユーザーでも、AIに「全体の色を変えて、もっと差別化して」ってフォローアップのプロンプトを送ることができるよ。デザイン雑誌やブログからサンプル画像を持ってきて、「ここにあるデザイン要素を取り入れて」って言えば、うまくいくと思う。

これ、結構面白かった。私にとって、GPTのSolとLunaが一番良かった。正直、期待してなかったんだけど。フォントの選び方が大事だね。Opusのはまあまあだけど、ちょっと残念。残りはひどい。

私も同じことを考えてたけど、もっと深い理由があると思う。このページのこの文を見てみて。 > 私たちのデフォルトスキルには、既知の落とし穴を避けるためのUIデザインガイダンスも含まれている(例えば、今や恐れられている紫のAIスロップ)し、モデルがユーザーのリクエストに適したビジュアルアイデンティティについて考えるようにしている。でもそれを超えて、各モデルは自分が必要だと思うものを自由に作ることができるんだ。

これはまさに期待すべきことだと思う。LLMはトレーニングデータに基づいて最も可能性の高い出力を生成するように設計されているから、一般的なデザインタスクを与えると、過去10年のデザインクリシェやトロープの抽出が得られることになるよ。

最近はアドホックな評価を作るのが簡単だよね。出力のあいまいさを解消するためにLLMのジャッジを前に置くこともできる。例えば、Frigateを使ってビデオフィードを制御して、LLMが家のカメラを見られるようにしてるんだ。ラベリング作業は数分で終わるし、評価もかなり低コストで実行できる。これで、一般的なベンチマークや評価はちょっと古臭くなってきた。もう「コーヒーショップのページを作って」なんて言う必要はない。代わりに、実際の問題に集中して、それを解決できるかどうかを評価すればいい。価格とパフォーマンスのフロンティアを進んでいきたいし、SOTAモデルはパフォーマンス曲線の頂点にいるけど、すごく高価だから、ゴールドスタンダードを生み出すのには最適なんだ。今日までの変化は、ベンチマックスとトークンごとの価格設定が同じ方向を指していること。結果を代理しないで、まずは最も高性能なモデルを他のモデルのジャッジとして使って、統計的に信頼できる判断ができるようになったら、タスク特化のフロンティアに進めばいい。

最近はアドホックな評価を作るのは簡単だよ。君がそれを解決したとは思えない。実際のシナリオに対して適切な評価やベンチマークを書くのは全然簡単じゃない。エージェントのベンチマーキングは、最低限でも以下を固定することを意味する。 - モデル - モデルの設定(努力、権限、プロバイダーなど) - データセット(特定のshaのgitリポジトリなど) - エージェント自体を動かすコード(自分のハーネスを作ることはできるけど、それを一つの実行可能ファイルとして出荷する必要がある。時間を凍結させる必要がある。クローズドソースのランタイム(例えばClaudeコード)に対してベンチマークを取るのは全く意味がない。頻繁に変更されていて、直接検査できない方法で変わるから。) - エージェントが使えるツール。ツールX(例えばgrepやreadfileやsed)の少し異なる実装でも影響がある。一般的に、非常に特定のコンテナイメージを固定することも意味する。私の個人的なベンチマークでは、実行可能ファイルに付属する特定のツールのリストを提供していて、提供されたAPI以外の外部とのやり取りはできない。エージェントは自分のツールをバンドルしている。そしてそれでも、LLMプロバイダーからのノイズがかなりあり、モデルの挙動を顕著に変える。これが設定を最適化したり、時間とともに推論を変えたりするせいなのかはわからない。そして最後に、LLMの出力は非決定的だ。LLMを審査者として使うことも、基本的に同じ非決定的な問題を呈し、徹底的にベンチマークを取る必要がある。質の高いルーブリックや「ゴールデンアンサー/出力」を作るのは難しい。一貫して強調しようとしている指標の一つは、「ショットガンバミットダンプ」の情報を避けること。だから、要点をわかりやすく伝え、専門用語で埋め尽くされた情報のダンプを避ける回答は、違う評価を受ける。要するに、個人的またはプロフェッショナルなプロジェクトからの実世界のエージェント作業をベンチマークするのは全然簡単じゃない。そして、テストケース自体を作るのも難しい。いいえ、「sota」の出力を取ってそれをゴールドスタンダードとして使うことはできない。これは非常にクソなアプローチだ。問題に対する最も雑な解決策で、まさに雑なもの:もっともらしい、平均的で、創造性や独創的な思考が欠けている。複雑なソフトウェア開発で本当の違いを生むもの。これらのベンチマークを作成する目的は、どの設定/モデル/ツール/ハーネス(スキル/mcps/documentation/agents.mdなど)がより良く機能するかを見つけることだ。そして、これは本当に難しい非トリビアルな作業から自分でベンチマークを作成し、実装面でほとんどの指標でより良い解決策を見つける場合にのみ機能する。たとえ一連のケースやエッジケースを解決する実装に落ち着くことができたとしても。

このアプローチの明らかな制限は、最先端のモデルが試みを評価できるタスクに限られることだね。まだ適応できないタスクも多いし、特にグラウンドトゥルースがない場合は比較できない。LLMの審査員に評価させることができるタスクでも、自分でトレースを見てラベリングすることには大きな利点がある。時間はかかるけど、自分の特定のドメインでエージェントが失敗する方法について多くを学べるし、より信頼できるゴールデンデータセットが得られるし、審査員を評価するメカニズムも持てる。コーディングに関してはまだやってないけど(正直、最良のアプローチが分からない)、アプリ内の評価では、トレースをレビューするためのインターフェースを作ったよ。私のアプリは、固定プロンプト、スキーマ、動的コンテキストを含めて、初回リクエストで1万~3万の入力トークンを送信するから、ただレビューするのが大変なんだ。私のインターフェースは、その生の入力データを人間が読みやすいオブジェクトに変換して、重要な点を強調し、リクエストの入力と出力を結びつけてくれる。これでレビューや採点、タグ付けがずっと楽になる。そして、一連のリクエストのバッチを処理した後、合格したリクエストの入力と出力はゴールデンデータセットとして凍結されて、他のモデルに対して実行できるようになる。LLMの審査員は素晴らしくて、入力プロンプト、特定のモデルの応答、(人間が承認した)グラウンドトゥルースを見て、出力とグラウンドトゥルースの間の重要な違いを指摘するのが得意なんだ。実際にグラウンドトゥルースを作るよりずっと簡単だよ。Hamel Husainの評価に関する著作はぜひ読んでみてほしい。

Hacker Newsで議論の続きを見る