> For the complete documentation index, see [llms.txt](https://docs.cherryai.com.cn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cherryai.com.cn/docs/jp/other/model_rank/code-webdev.md).
# コード / Web 開発ランキング
このページに表示 [Arena AI](https://arena.ai/leaderboard/code/webdev) ランキング上位30件の毎日スナップショットで、最近のモデルの性能を素早く把握できます。完全版ランキング、フィルター項目、最新の変更は Arena AI 公式サイトをご覧ください。
本ランキングは、Webフロントエンド開発（HTML/CSS/JS）タスクにおけるモデルの実際の性能を評価します。
> **データ更新日時**：2026-09-20 12:49:40 UTC / 2026-09-20 20:49:40 CST (北京时间)
{% hint style="info" %}
ランキングは特定の評価とユーザー投票の傾向を反映するもので、あなたのタスクでそのモデルが必ずしもより優れていることを意味しません。モデルを選ぶ際は、価格、速度、コンテキスト、ツール呼び出し、プライバシー、地域での利用可否も考慮してください。
{% endhint %}
## 上位30件
| 順位 | 順位レンジ | モデル | スコア | 投票数 | 価格 $/百万Token | コンテキスト |
| -: | ----- | -------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------- | -----: | ------------- | ------ |
| 1 | 1-1 | gpt-6-astra-max [1](https://openai.com/index/gpt-6-astra/) | 1800 (++16/-16) | 2,281 | $10 / $50 | 1.1M |
| 2 | 2-2 | claude-fable-5.1-max [1](https://www.anthropic.com/claude-fable-and-mythos-5-1) | 1758 (++14/-14) | 3,036 | $10 / $50 | 1M |
| 3 | 3-6 | claude-opus-5-max [1](https://www.anthropic.com/news/claude-opus-5) | 1687 (++7/-7) | 12,087 | $5 / $25 | 1M |
| 4 | 3-7 | qwen3.8-max-0902 [1](https://www.qianwenai.com/models/qwen3.8-max-0902) | 1681 (++15/-15) Preliminary | 2,262 | $2 / $6 | N/A |
| 5 | 3-8 | kimi-k3-max [1](https://platform.kimi.ai/docs/guide/kimi-k3-quickstart) | 1674 (++11/-11) | 4,547 | $3 / $15 | 1M |
| 6 | 3-8 | qwen3.8-max [1](https://www.qwencloud.com/models/qwen3.8-max) | 1671 (++12/-12) Preliminary | 3,221 | $2 / $6 | 1M |
| 7 | 4-8 | claude-opus-5-high [1](https://www.anthropic.com/news/claude-opus-5) | 1660 (++7/-7) | 12,566 | $5 / $25 | 1M |
| 8 | 5-9 | muse-spark-1.3-max [1](https://developer.meta.com/ai/models/muse-spark/) | 1652 (++12/-12) | 2,972 | $1.25 / $4.25 | 1M |
| 9 | 8-16 | qwen3.8-flash-next [1](https://qwen.ai/blog?id=qwen3.8-flash-next) | 1635 (++13/-13) Preliminary | 2,779 | $0.16 / $0.47 | 1M |
| 10 | 9-16 | claude-fable-5-high [1](https://www.anthropic.com/news/claude-fable-5-mythos-5) | 1628 (++7/-7) | 10,081 | $10 / $50 | 1M |
| 11 | 9-17 | hy4-preview [1](https://hy.tencent.ai/research/hy4-preview) | 1624 (++13/-13) Preliminary | 2,321 | $0.83 / $2.50 | 1M |
| 12 | 9-17 | muse-spark-1.3 (xHigh) [1](https://developer.meta.com/ai/models/muse-spark/) | 1623 (++14/-14) | 2,123 | $1.25 / $4.25 | 1M |
| 13 | 9-17 | grok-4.6-high [1](https://docs.x.ai/developers/models/grok-4.6) | 1618 (++10/-10) | 4,282 | $2 / $6 | 500K |
| 14 | 9-17 | gpt-5.6-sol-xhigh (codex-harness) [1](https://openai.com/index/gpt-5-6/) | 1617 (++7/-7) | 11,916 | $4 / $20 | 1.1M |
| 15 | 9-17 | glm-5.3-max [1](https://z.ai/blog/glm-5.3) | 1614 (++11/-11) | 3,725 | $1.40 / $4.40 | 1M |
| 16 | 9-20 | deepseek-v4.1-flash-max [1](https://www.deepseek.com/en/news/deepseek-v4-1-flash/) | 1614 (++17/-17) | 1,361 | $0.30 / $1.20 | 1M |
| 17 | 11-20 | glm-5.3-flash [1](https://z.ai/blog/glm-5.3) | 1607 (++12/-12) | 2,925 | $0.07 / $0.25 | 1M |
| 18 | 16-22 | qwen3.8-27b [1](https://huggingface.co/Qwen/Qwen3.8-27B) | 1593 (++9/-9) | 4,913 | $0.40 / $3 | N/A |
| 19 | 16-22 | glm-5.2-max [1](https://huggingface.co/zai-org/GLM-5.2) | 1592 (++7/-7) | 10,516 | $1.40 / $4.40 | 1M |
| 20 | 16-23 | gemini-3.7-flash-high [1](https://blog.google/innovation-and-ai/models-and-research/gemini-models/introducing-gemini-3-7-flash/) | 1587 (++12/-12) Preliminary | 3,007 | $0.75 / $3.75 | 1M |
| 21 | 18-23 | deepseek-v4-pro-high-20260813 [1](https://api-docs.deepseek.com/updates/#date-2026-08-13) | 1581 (++10/-10) | 4,258 | $1.32 / $3.96 | N/A |
| 22 | 18-23 | deepseek-v4-flash-high [1](https://api-docs.deepseek.com/updates/#date-2026-07-31) | 1580 (++10/-10) | 4,723 | $0.30 / $1.20 | 1M |
| 23 | 20-27 | gemini-3.8-flash-high [1](https://blog.google/innovation-and-ai/models-and-research/gemini-models/3-8-flash-and-3-8-flash-cyber/) | 1568 (++12/-12) Preliminary | 2,732 | $0.75 / $3.75 | 1M |
| 24 | 23-27 | claude-opus-4-8-high [1](https://www.anthropic.com/news/claude-opus-4-8) | 1559 (++7/-7) | 13,787 | $5 / $25 | 1M |
| 25 | 23-28 | claude-opus-4-7 [1](https://www.anthropic.com/news/claude-opus-4-7) | 1557 (++6/-6) | 15,914 | $5 / $25 | 1M |
| 26 | 23-29 | claude-opus-4-7-high [1](https://www.anthropic.com/news/claude-opus-4-7) | 1555 (++6/-6) | 16,387 | $5 / $25 | 1M |
| 27 | 23-30 | grok-4.5 [1](https://docs.x.ai/developers/models/grok-4.5) | 1555 (++8/-8) | 8,133 | $2 / $6 | 500K |
| 28 | 25-34 | claude-opus-4-6-high [1](https://www.anthropic.com/news/claude-opus-4-6) | 1547 (++6/-6) | 18,332 | $5 / $25 | 1M |
| 29 | 26-34 | muse-spark-1.1 [1](https://ai.meta.com/blog/introducing-muse-spark-meta-model-api/) | 1542 (++8/-8) | 7,549 | $1.25 / $4.25 | N/A |
| 30 | 28-34 | claude-opus-4-8 [1](https://www.anthropic.com/news/claude-opus-4-8) | 1539 (++6/-6) | 12,654 | $5 / $25 | 1M |
## この表の見方
* **順位 / 順位レンジ**：Arena AIが対戦投票に基づいて推定した相対順位。順位レンジは、信頼区間内での順位の変動を示します。
* **スコア**：相対スコアで、同時点のランキング内のモデル比較に適しています。
* **投票数 / 会話数**：サンプル数の参考値。サンプルが少ないほど、順位は通常変動しやすくなります。
* **価格 $/百万Token**：入力 / 出力100万 Token あたりの参考価格。
* **コンテキスト**：モデルがサポートする最大コンテキスト長。
## モデルを選ぶ際に改めて確認する3つのこと
1. Providerが実際にこのモデルを提供しているか、またあなたの地域とアカウントで利用可能か；
2. API価格、レート制限、コンテキストがあなたのタスクに適しているか；
3. 3～5件の実際のタスクで小規模テストを行い、総合ランキングの順位だけを見ないこと。
## データソース
データは [Arena AI公式のコード / Web開発ランキング](https://arena.ai/leaderboard/code/webdev)、GitHub Actionsにより毎日更新されます。モデルの価格、ライセンス、機能については、モデル提供元の公式情報を基準としてください。
---
# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.
## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:
```
GET https://docs.cherryai.com.cn/docs/jp/other/model_rank/code-webdev.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.