0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Next.js をOpenRouterのAIで開発する場合 GPT-5.5(フロントモデル)とGLM-5.2(オープンソースLLM現最高位) のコストをシミュレート + GitHub Copilotの 全モデルとの比較

0
Last updated at Posted at 2026-07-01

追記 2026年7月4日 2

別記事として独立させました。

GitHub CopilotのAIクレジットを消費せずに、無料でGemini 3.5 FlashをVSCodeのBYOK機能で利用する設定方法 #GitHubCopilot - Qiita
https://qiita.com/masakinihirota/items/fa3711f97245766beb7e

追記終了

追記 2026年7月4日 1

Xユーザーのmasakinihirotaさん: 「GitHub CopilotのBYOK機能を使ってこのGemini 3.5Flash をGitHub CopilotのAIクレジットを消費しないで使うことが出来ました。注意点 Googleアカウントの有料枠で使用するとGoogleの方のAIクレジットの課金がひつよう。無料のGoogleアカウントを作ってAI StudioでAPI KEYを作ってそれを登録すると無料 https://t.co/auNKMZfqge」 / X
https://x.com/masakinihirota/status/2073095776524476627

VSCode のGitHub Copilotから Gemini 3.5FlashをAIクレジット消費無しで利用可能。

GitHub CopilotのBYOKで登録方法

前提 VSCode で GitHub Copilotの基本的な使い方を知っている

aistudio.google.com にアクセス
(以前にGoogleで課金したアカウントだと有料のAPIキーしか作成できない、なので、新しくGoogleアカウントを作っておく必要がある、そうすると無料のAPIキーを作成できる。)

👇️左下にある鍵のアイコンからAPIキーを作成します。

image.png

👇️右上の 「APIキーを作成」ボタンをクリック

image.png

APIキーをメモしておく

VSCode GitHub Copilotに移動して、
GitHub Copilotの右下の歯車アイコンから

image.png

名前をgoogle
ai.studioから取得したキーを登録
すると👇️ googleの枠が登録できた。
ピンで止めておくと使いやすい。

image.png

追記終了


モダンなWebフロントエンド/バックエンド開発において、AIを活用した「バイブコーディング(Vibe Coding)」は完全に定着しました。しかし、開発者が直面するのが「どのモデルを使えば一番コスパが良くて頭がいいのか?」という問題です。

ベンチマーク上の数値(理想値)と、1ヶ月じっくり実務で使った場合の「リアルな請求書」には大きなギャップがあります。

本記事では、DeepSWEベンチマークを元に Next.js + Hono + Drizzle ORM というTypeScript主体のモダンスタックでの開発を前提に、フロンティアモデル GPT-5.5 と最新の推論モデル GLM-5.2 の能力とコスト構造を徹底比較し、どちらを選べば本当の意味で「得」をするのかをロジカルに解き明かします。

関連記事

GitHub Copilotのコスパに限界を感じ、オープンソースAI GLM-5.2[MAX] をGitHub CopilotのBYOKで導入を「検討」している話し #GitHubCopilot - Qiita
https://qiita.com/masakinihirota/items/3417f6003d8a495bb918

本題

DeepSWE
https://deepswe.datacurve.ai/

右上に行くほど優秀で安い
※DeepSWEについては上の関連記事を参照

スクリーンショット 2026-07-01 224335.png

GPT-5.5 - API Pricing & Benchmarks | OpenRouter
https://openrouter.ai/openai/gpt-5.5

image.png

GLM 5.2 - API Pricing & Benchmarks | OpenRouter
https://openrouter.ai/z-ai/glm-5.2

image.png

※Weighted Average

トークン量で加重:各プロバイダーは過去1時間に処理したトークン量に比例して貢献するため、処理量の多いプロバイダーは処理量の少ないプロバイダーよりも平均値を大きく変動させます。


1. ベンチマークの罠と「プロンプトキャッシュ」の正体

AIモデルのコスト効率を語る上で外せないのが、OpenRouter等のプラットフォームで導入されているプロンプトキャッシュ(Prompt Caching)の仕組みです。

最新のベンチマークデータ(Artificial Analysis等)を見ると、OpenAIのフラグシップモデルである GPT-5.5 は、驚くべき統計データを叩き出しています。

  • インプット(入力)定価: $5.00 / 1M tokens
  • 実質ユーザー平均支払額: $1.27 / 1M tokens(定価の約75%オフ)
  • 平均キャッシュヒット率: 88.2%

なぜ1ヶ月かけた「じっくり開発」でもキャッシュが効くのか?

キャッシュの物理的な寿命は数分〜数十分です。「数時間や数日あけて開発する実務では、キャッシュなんて効かない(机上の空論だ)」と思われがちですが、ここにトークン消費の偏り(バースト性の法則)というトリックがあります。

開発者が1ヶ月間で消費するトークンの大半は、均等に消費されるわけではありません。
「スキーマを変更したから、ここから15分間、AIと5〜6回連続でラリーしてAPIと画面を一気に組み上げる」「エラーが消えないから、直るまで数分おきにコードを貼り付けてデバッグする」という集中インテンシブな時間(バーストセッション)に大金が動きます。

この集中ラリーの間、キャッシュは100%効き続けます。逆に、じっくり設計を考えていてキャッシュが切れている時間は、そもそも1トークンも消費していないため、請求書に影響を与えません。 結果として、1ヶ月トータルの平均単価は実質$1.27付近まで下落するのです。


2. 実務に即した「バイブコーディング」1ヶ月のリアルな試算

実務におけるスマートなバイブコーディングでは、「1ファイル丸ごと数百行を一気に書き出させる」ような大雑把なプロンプトは使いません。関数単位、コンポーネントのパーツ単位で「ここをこうして」「この型エラーを直して」と、ピンポイントな差分を高速に往復させるのが一般的です。

このリアルな開発スタイルをベースに、1日3時間の開発を1ヶ月(実働20日、計600回ラリー) 続けた場合のトータルコストを試算します。

【前提条件】

  • 維持コンテキスト(インプット): 30,000トークン(schema.ts、APIルート、UI数枚のコードベースを常に維持)
  • AIのアウトプット: 1回あたり平均 400トークン(ピンポイントな差分コードと解説)
  • 1ヶ月の総ラリー数: 600回(1日30往復 × 20日)
  • 総トークン量: インプット 18M tokens / アウトプット 0.24M tokens
  • ※バイブコーディングは、インプット量がアウトプットの約75倍になる「超・インプット偏重」の構造になります。

【1ヶ月のシュミレート請求書比較】

モデル インプット単価 (/1M) アウトプット単価 (/1M) 1ヶ月のトータル請求額
openai/gpt-5.5 $1.27 (実質平均) $30.00 (定価) $30.06 (約4,700円)
z-ai/glm-5.2 $0.93 (定価) $3.00 (定価) $17.46 (約2,700円)

「アウトプット定価が$30と高額なGPT-5.5はトータルで高くつくのではないか?」という懸念は、出力をピンポイントに抑えるスマートな開発(バイブコーディング)においては、インプットのキャッシュ効率によって相殺され、月間の差額はわずか約2,000円に収まることが分かります。


3. 能力と特性の比較:どちらを選べば「得」をするか?

月額2,000円の差額を踏まえた上で、Next.js開発においてどちらのモデルを採用すべきかは、開発者の「プレイスタイル」によって明確に分かれます。

🥇 openai/gpt-5.5 を選ぶべき人:型安全とスピード重視

Drizzleのスキーマ変更、HonoのRPCによるフロントエンドとの型連携など、Next.js 16世代のTypeScript開発は型定義が極めて緊密で複雑です。

  • 圧倒的なコード理解力: コーディング・インデックスが上位2%(74.9)に位置するGPT-5.5は、ハイコンテキストな複雑な型定義を破綻なく連動させる能力が頭一つ抜けています。
  • 時間対効果(タイパ): 「AIが生成したコードの型エラー(Type Hell)の修正に人間が30分悩む」というロスを、月2,000円の差額で未然に防げると考えれば、実質的な開発コストパフォーマンスは最も高くなります。

🥈 z-ai/glm-5.2 を選ぶべき人:絶対的なコスト管理と長考重視

Z.aiが提供する最新の推論モデルであり、長期の自律ワークフローに特化しています。

  • 破壊的なベース価格: キャッシュの状態や会話を叩くテンポ(寿命)を一切気にする必要がありません。いつどんな風に使っても、インプット$0.93、アウトプット$3.00という圧倒的な低価格が保証されています。
  • 出力コストを気にしない自由: 推論努力(Reasoning Effort)を highxhigh に指定し、AIにじっくり長考させて大きな機能ブロックを構築させる際も、出力単価がGPT-5.5の10分の1であるため、精神的・金銭的プロテクションが非常に高いのが魅力です。

4. まとめ:最終結論(コスパ最優先の選択)

  • 普段遣いのメイン開発(通常のバグ取り、フロントとAPIの型連携、UI修正など):
    日々のバイブコーディングの相棒には、最初からローコスト(入力$0.93 / 出力$3.00)の z-ai/glm-5.2 をメインに据えるのが最も賢い選択です。「たとえ月2,000円の差」であっても、年間に直せば数万円の固定費削減になります。

GLM-5.2はオープンソースLLM現最高位の知能と強力な推論力を備えているため、Next.jsのモダンスタック開発であっても、普段遣いにおいて必要十分すぎるパフォーマンスを発揮してくれます。

  • どうしても型エラーが解決できない時の「スポット登板」:
    GLM-5.2で何度かラリーを往復しても、複雑なTypeScriptの型迷宮(Type Hell)から抜け出せない、あるいは原因不明のエラーで完全に手が止まってしまったセッションだけ、ピンポイントでコーディング能力最上位の openai/gpt-5.5 もしくは他のフロントモデルに切り替えます。

OpenRouterの強みは、同じAPIキー、同じ環境のまま、この2つのモデルをタスクの性質に合わせて自由にスイッチできる点にあります。最も頭の良い開発環境を構築しましょう。


キャッシュが効くのはインプットだけ

1. 驚異の「インプット 75倍」問題とその背景

バイブコーディングを実践すると、API利用料金やトークン消費量が急激に膨れ上がる現象に直面します。この本質は、インプット量がアウトプット量に対して圧倒的に巨大化する「超・インプット偏重」の構造にあります。一般的な実測値、および計算モデルにおいて、その比率は容易に以下の定数に達します。

$$Input \approx 75 \times Output$$

この非対称性を生み出す要因は主に以下の3点に集約されます。

  • 会話履歴(コンテキスト)の累積: LLMは過去のやり取りを毎回「最初からすべて」再入力(インプット)として要求します。会話が継続するほど、インプットは雪だるま式に増加します。
  • ソースコード全体の流し込み: 画面コンポーネント(数百行、数千トークン)や設定ファイル、関連ロジックなど、プロジェクトのコードベースそのものをコンテキストに含めて命令を出すため、生成されるコード(数行〜数十行)に対して読み込ませるコードが巨大になります。
  • 超高速な修正ループ(Iterative Loop): 「動かしてエラーが出る、それをそのままAIに投げて修正させる」というサイクルを1時間に何度も繰り返すため、一回あたりのわずかな差分出力に対し、背後で巨大なソースコードベースの再読み込みが幾度となく実行されます。

2. コンテキストキャッシュの構造:キャッシュされるのは「インプットだけ」

この「インプット 75倍問題」に対する現代的な最大の緩和策が、各LLMプロバイダが提供している「コンテキストキャッシュ(Prompt Caching)」機能です。ここで最も重要な技術的特性は、「キャッシュされるのはインプット(プロンプト)だけであり、アウトプット(生成トークン)は一切キャッシュされない」という点です。

トークン種別 キャッシュ適応 バイブコーディングにおける挙動とコスト特性
インプットトークン ◯ 適応 過去のチャット履歴、読み込ませたソースコード全体。固定部分が多いためキャッシュが効きやすく、料金は通常価格の数分の一(例:1/4程度)に抑えられる。
アウトプットトークン × 非適応 AIが新しく書き出したソースコード、リファクタリング結果。毎回完全に新規生成されるトークンであるため、常に通常価格(高単価)が適用される。

AIモデルの料金体系として、一般的に「アウトプットトークン単価はインプットトークン単価の3〜4倍」に設定されているケースが多く、さらにインプット側はキャッシュによって割引が適用されます。つまり、インプットを極限まで増やしても、それがキャッシュに乗り続ける限りはコストへのダメージを最小限に抑え込めるよう設計されています。

おまけ情報

VSCode+GitHub CopilotのBYOK機能を使わずに、
GLM-5.2を単独で使うだけなら
OpenCode + GLM-5.2
がサブスクで10$(初月5$)は実質60$なのでコスパが良い

学生ならGitHub Copilotは証明すれば無料で使えるプランがある。

GitHub Copilotで使えるモデルとの比較

GitHub Copilot の全モデルに GPT-5.5GLM-5.2を加えたベンチマークデータを集計

※ただしベンチマークはDeepSWEでは計測していないため。
「SWE-bench Pro」および「SWE-bench Verified」の数値で比較しています。


📊 コーディングAIモデル能力順ベンチマークデータ(2026年7月最新)

  • 並び順: 企業向けの大規模で複雑なコード修正力を測る「SWE-bench Pro」のスコア順にソートしている。
  • 価格表記: OpenRouter等の一般的な100万トークン(1M)あたりの定価。
順位 モデル名 搭載ツール SWE-bench Pro SWE-bench Verified 入力/出力価格 (1M)
1 Claude Opus 4.8 GitHub Copilot 69.2% 88.6% $15.00 / $75.00
2 Claude Opus 4.7 GitHub Copilot 64.3% 87.6% $15.00 / $75.00
3 Claude Sonnet 5 GitHub Copilot 63.2% $3.00 / $15.00
4 GLM-5.2 ✅️"OpenRouter" 62.1% 82.6% $0.93 / $3.00
4 GLM-5.2 ✅️"OpenRouter" 62.1% 82.6% $0.409 / $4.02 (Avg)
5 GPT-5.5 GitHub Copilot 58.6% 88.7% $5.00 / $30.00
6 Claude Sonnet 4.6 GitHub Copilot 58.1% 77.4% $3.00 / $15.00
7 GPT-5.4 GitHub Copilot 57.7% 78.2% $5.00 / $30.00
8 GPT-5.3-Codex GitHub Copilot 56.8% 78.0% $4.00 / $24.00
9 Gemini 3.5 Flash GitHub Copilot 55.1% 78.8% $0.075 / $0.30
10 GPT-5.4 mini GitHub Copilot 54.4% $0.15 / $0.60
11 Gemini 3.1 Pro (Preview) GitHub Copilot 54.2% 80.6% $1.25 / $5.00
12 Claude Opus 4.6 GitHub Copilot 53.4% 80.8% $15.00 / $75.00
13 Gemini 3 Flash (Preview) GitHub Copilot 49.6% 72.0% $0.075 / $0.30
14 Claude Haiku 4.5 GitHub Copilot 39.5% $0.25 / $1.25
15 GPT-5 mini GitHub Copilot 34.1% 39.7% $0.15 / $0.60
MAI-Code-1-Flash GitHub Copilot (速度特化/データ非公開)
Raptor mini GitHub Copilot (軽量特化/データ非公開)
Kimi K2.7 Code GitHub Copilot $0.95 / $4.00
Kimi K2.7 Code ✅️"OpenRouter" $0.74 / $3.50
Kimi K2.7 Code ✅️"OpenRouter" $0.249 / $4.15 (Avg)

openrouter Kimi K2.7 Code

openrouter GLM 5.2

(※ベンチマークスコアは各ベンダーが標準エージェントまたは公式コンテクストで検証した最高値を基準に算出している。)


💡 データから読み解く客観的な事実

  1. GLM-5.2 の実力: オープンLLM現最高位の GLM-5.2 は、企業向けコード修正力(SWE-bench Pro: 62.1%)において、GitHub Copilotの最新フラグシップである GPT-5.5 (58.6%)GPT-5.4 (57.7%) を客観的なスコアで上回っている。
  2. コストパフォーマンス: GLM-5.2(入力$0.93 / 出力$3.00)は、上位に位置するClaude Opus 4.8(入力$15 / 出力$75)やSonnet 5(入力$3 / 出力$15)と比較して、圧倒的に低価格で運用できる。
  3. GPT-5.5 の強み: GPT-5.5はProスコアこそ58.6%だけど、一般バグを対象にした SWE-bench Verified では 88.7% というトップクラスの解決力を誇るため、フロントエンドの細かなUI修正や即時デバッグにおいて高い適性を持っている。
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?