ClaudeのSonnetとOpusを同じ依頼で比較｜Web制作4作業の結果

架空のパン屋「こむぎ日和」のサイトを作る想定で、制作でよく使う4つの作業をClaudeのSonnetとOpusに同じプロンプトで1回ずつ頼みました。

JSON-LDは、2つのモデルの出力が1バイトまで同じでした。差が一番大きく出たのは、HTML部品を既存ページに貼ったときです。

結論: 普段はSonnetで回し、「文章の筋」や「仕上がりの見栄え」が欲しいところだけOpusに切り替えると、待ち時間に対して効率がいいです。

• HTML部品を頼むなら → 「CSSは部品の中に閉じて」と書く
• コピーを頼むなら → 定休日・営業時間まで渡す
• 出てきたものは → 頼んでいない幅と既存ページの中でも1回確かめる

この記事の目次

1. SonnetとOpusの違い、どうやって比べた？
2. キャッチコピーはSonnetとOpusでどれくらい違う？
3. HTML部品を既存ページに貼ったら、どうなった？
4. JSON-LD（構造化データ）はSonnetで足りる？
5. meta descriptionの要約、SonnetとOpusは何を残した？
6. Opusは遅い？料金と使用上限はどれくらい？
7. 結局、どの作業をSonnetとOpusのどっちに振る？
8. よくある質問
9. この記事のまとめ

SonnetとOpusの違い、どうやって比べた？

条件をそろえて、4作業 × 2モデルを1回ずつ出しました。

← 表は横にスクロールできます →

ターミナルからは、次のように実行しています。

claude -p "$(cat prompt-3-jsonld.txt)" --model sonnet < /dev/null > output-3-jsonld-sonnet.txt
claude -p "$(cat prompt-3-jsonld.txt)" --model opus   < /dev/null > output-3-jsonld-opus.txt

claude.ai で試すなら、送信ボタン横のモデル名から切り替えられます。

各作業1回ずつなので、もう一度出せば結果は変わるかもしれません。ここにあるのは「この条件では、こうだった」という記録です。

キャッチコピーはSonnetとOpusでどれくらい違う？

どちらも条件は守りました。違ったのは言葉の性格です。

← 表は横にスクロールできます →

使ったプロンプトの中心部分です。

あなたはLPのコピーライターです。下の店舗のLP（ファーストビュー）に載せるキャッチコピーを10本作ってください。
（店舗情報：こむぎ日和／福岡市中央区・地下鉄赤坂駅から徒歩4分／国産小麦100%、朝7時オープン、焼きたてのクロワッサンが看板商品、イートイン6席／来てほしい人: 近くで働く30〜40代の会社員（出勤前に寄ってほしい））
条件:
- 1本あたり全角20文字以内（句読点・記号も1文字と数える）
- 10本はそれぞれ切り口を変える（時間帯、素材、香り、通勤、ご褒美など）
- 「最高」「No.1」「日本一」など根拠のない最上級表現は使わない
- 出力は番号付きリストで10行だけ。前置き・解説・文字数の注記は書かない

店名を言葉遊びに使ったのは、Opusだけでした。

詰まったのは3か所です。

• Sonnetの「いつもの月曜」。この店は月曜定休です。定休日を書かなかった、こちらの渡し忘れでした
• Sonnetの「朝食を抜く日々に」。読む人の生活を否定する言い方なので、ファーストビューには使いにくいです
• Opusの「始業前の15分を」。「15分」は渡していない数字です。使うなら店に確かめます

次は、店舗情報に 定休日: 月曜／営業時間: 火〜金 7:00〜18:00、土日 7:00〜16:00 の1行を足して頼みます。この直した版は、まだ試していません。

「sonnetはとても賢いですよ。小綺麗で纏まった文章書いてくれます。 opusはプロが舌を巻くようなダイナミックで感情を揺さぶるようなすごい文章出力します。」 — Yahoo!知恵袋の回答（2026年3月。当時の世代のモデルについて）

HTML部品を既存ページに貼ったら、どうなった？

Opusの部品は、ページ全体の背景と書体まで変えました。Sonnetの部品は、自分の中だけに効いていました。

紺のヘッダーと明朝体の架空ページを用意しました。そこに両方の <style> と本文を、そのまま貼っています。

原因はCSSの書き方です。Opusは :root {}、* {}、body {} という、ページ全体にかかるCSSを書いていました。Sonnetは .menu-cards { --ink: #3b2a1a; ... } のように、すべてを部品の中に閉じていました。

プロンプトには「Webページに貼れる部品」と書いたものの、「bodyにCSSを書かない」とは書いていません。

Opusは「1ファイルで見栄えのするページ」として、Sonnetは「部品」として受け取った。差はそこです。

← 表は横にスクロールできます →

見た目だけなら、価格の高さがそろうOpusのほうが整っています。ここは地味にうれしい差でした。

一方、案件のページに組み込む部品なら、Sonnetのほうが貼るときの手間がかかりません。

直し方は、元のプロンプトの最後に3行を足すことです。8回を使い切ったため、この直した版はまだ試していません。

Webページに貼れる「メニューカード」部品を、HTMLとCSSだけで作ってください。
（3枚：クロワッサン 280円 ラベル「人気」／季節のフルーツデニッシュ 420円 ラベル「季節限定」／全粒粉のカンパーニュ 650円 ラベルなし）
条件:
- 1つのHTMLファイルで完結させる（<style>はhead内に書く。外部CSS・JavaScript・Webフォント・画像URLは使わない）
- 画像の場所はCSSの背景色（グラデーション可）で代用し、縦横比4:3の枠にする
- PC幅（1200px）では3列、スマホ幅（390px）では1列に並ぶ
- 価格は目立たせる。ラベルはカード画像の左上に重ねる
- 色は生成り・小麦色系。文字と背景のコントラストは十分に取る
- 出力は ```html から始まるコードブロック1つだけ。前後に説明を書かない
- CSSはすべて .menu-cards の中に閉じる。body・html・:root・* にはCSSを書かない
- 見出しなど、頼んでいない要素は足さない
- 768px幅でも商品名が途中で折れないように、列数を切り替える

Anthropicの公式ガイドにも、Opus 5.5には「AIっぽくしないで」のような大まかな指示より、避けたい要素を名指しする指示がよく効く、とあります。「足してほしくないもの」を具体的に書く方向で合っています。

JSON-LD（構造化データ）はSonnetで足りる？

足ります。2つのモデルの出力は1バイトも違いませんでした。

JSON-LDは、検索エンジンに店の情報を伝えるための書き方です。

← 表は横にスクロールできます →

書き方の型が決まっている作業では、差が出る余地がほとんどありません。同じものが返ってくるなら、9.4秒早いSonnetを選ぶほうが得です。

下のプロンプトは、店舗情報を差し替えればそのまま使えます。

下の店舗情報から、Googleの検索結果向けの構造化データ（JSON-LD）を作ってください。

店舗情報:
- 店名: こむぎ日和
- 業種: パン屋（ベーカリー）
- 住所: 〒810-0042 福岡県福岡市中央区赤坂1-2-3 こむぎビル1F
- 電話: 092-000-0000
- URL: https://example.com/
- 店舗写真: https://example.com/images/shop.jpg
- 営業時間: 火〜金 7:00〜18:00、土日 7:00〜16:00、月曜定休
- 価格帯: 1人あたり500〜1,000円
- 緯度経度: 33.5890, 130.3920
- 支払い: 現金、クレジットカード、PayPay

条件:
- schema.org の最も適切な型を使う
- 書いていない情報（評価、レビュー数、SNSなど）は作らない
- 出力は <script type="application/ld+json"> から </script> までだけ。前後に説明を書かない
- ファイルは作らず、回答として本文だけを出力する

こちらで確かめたのは、schema.orgの仕様との照合と、JSONとして読めるかどうかまでです。公開前には、Googleのリッチリザルトテストにも通しておくと安心です。

meta descriptionの要約、SonnetとOpusは何を残した？

文字数はどちらも守りました。分かれたのは、何を残して何を捨てたかです。

meta descriptionは、検索結果でタイトルの下に出る説明文です。

← 表は横にスクロールできます →

Sonnetの出力です。

福岡・赤坂の小さなパン屋こむぎ日和。国産小麦と発酵バターで焼くクロワッサンが看板。保存料・乳化剤不使用。九州の果物を使った季節のデニッシュもあります。朝7時開店、自家焙煎コーヒーのイートインも。赤坂駅から徒歩4分、月曜定休。

Opusの出力です。

福岡市中央区赤坂のパン屋「こむぎ日和」。東京の老舗ベーカリーで12年修業した店主が、国産小麦をパンごとに配合して焼き上げます。看板は2日かけて仕込む発酵バターのクロワッサン。朝7時開店で出勤前にも立ち寄れます。地下鉄赤坂駅から徒歩4分。

Sonnetは項目を並べ、Opusは話の筋を残しました。

• 「月曜に行ったら閉まっていた」を防ぎたい店 → Sonnet
• 店主の修業の話で選ばれたい店 → Opus

次の文章は、パン屋の「お店について」ページの本文です。これを検索結果に表示されるmeta description用に要約してください。

本文:
（ここに元の文章を貼る）

条件:
- 全角110文字以上120文字以内（句読点も1文字と数える）
- 店名・場所（赤坂駅から徒歩4分）・国産小麦・朝7時開店 を必ず入れる
- 本文にない情報を足さない
- 出力は要約文1つだけ。前置き・文字数の注記は書かない
- ファイルは作らず、回答として本文だけを出力する

「句読点も1文字と数える」まで書いたら、コピー20本と要約2本の全部が範囲内に収まりました。

Opusは遅い？料金と使用上限はどれくらい？

4作業の合計で、Opusは約1.6倍の時間がかかりました。

合計は、Sonnetが70.0秒、Opusが113.6秒でした。1回あたりの差は8〜14秒ほどです。コピー作業の差（8.3秒）で、1日にバナー文言を30回回すなら約4分の差になります。

料金は2026-10-19時点で次のとおりです。

← 表は横にスクロールできます →

APIの単価（トークンはAIが文章を数える単位）は、ちょうど2倍です。サブスクの月額は同じで、違うのは使用上限の減り方です。

Claude Codeの公式説明では、Opusは1ターンあたり「several times more」、上限も「meaningfully more」消費するとされています。何倍かという数字は、公式には出ていません。

「opus4.6をずっと使っているとトークンの消費量が激しくてすぐに週間の制限にかかるので、アバウトな指示出しではなく詳細に指示を出せれば普段使いはsonnetで十分です」 — Yahoo!知恵袋の回答（2026年2月。Opus 4.6の時期の声）

結局、どの作業をSonnetとOpusのどっちに振る？

型が決まっている作業はSonnet。筋や見栄えで勝負する作業と、2回直しても直らないときはOpusです。

← 表は横にスクロールできます →

Claude Codeを使っているなら、/model opusplan が手軽です。「計画はOpus、実行はSonnet」の分担が組み込まれていて、公式でもよくある使い方として紹介されています。

「Opus＋Sonnetのほうが、推定コストで約31%、トークンで約23%少なく済みました。」 — Qiitaの検証記事（2026年10月）

今回は試していませんが、コードを見直させたときの深さにも差がある、という声があります。大きめのコードのレビューは、Opusに回す価値がありそうです。

「それなりに大規模なアプリをレビューさせるとopusはかなり深い部分まで不具合を突っ込んでくれるけど、sonnetはopusと比較するとやや網の目が荒いかなと思います」 — Yahoo!知恵袋の回答（2026年2月。4.6世代についての声）

よくある質問

無料プランでも、今回のプロンプトの半分は試せます。

無料プランでOpusは使えますか？

← 表は横にスクロールできます →

2026-10-19時点のプラン比較表の内容です。無料のSonnetで、この記事のJSON-LDと要約のプロンプトを試すところから始めれば足ります。

会話の途中でモデルを切り替えると、それまでのやり取りは消えますか？

• 消えません。claude.aiでは、モデル・effort・thinkingの変更は「次の返答から」反映されます
• 切り替え方: 送信ボタン横のモデル名 → モデルを選ぶ → 「Effort」で段階を選ぶ

AIに作らせたHTMLが、どれも似た見た目になります。

• 「ありきたりにしないで」だけだと、別のありがちな見た目に替わるだけです
• 公式の例のように、避けたいものを名指しします（例: 生成りの背景、見出しの斜体、「01/02/03」の番号ラベル、丸いボタン）
• 1回目の結果に何が使われたかを見て、避けるリストを書き足していきます

この記事のまとめ

差が出ない作業を知っておくと、Opusの出番を絞れます。

• JSON-LDのように型が決まった作業は、Sonnetで同じものが出て、9.4秒早かった
• 既存ページに貼る部品は「CSSは部品の中に閉じる。body・:root・* には書かない」と書く
• 頼んだ幅以外（今回は768px）と、既存ページの中でも1回撮って確かめる
• コピーを頼むときは、定休日と営業時間まで渡す
• Opusが足してきた見出しや数字は、事実確認が要る箇所として見る

次の一手は1つです。この記事のJSON-LDのプロンプトに自分の案件の店舗情報を入れて、SonnetとOpusの両方に投げてみてください。

この記事は、Webサイトの動く部品集 AETHER Motion の制作チームが書いています。