← ブログ一覧へ戻る

ヤフオクの取引ナビはなぜ変わったのか ─ HTMLを読むとわかる、画面刷新の本当の中身

2026年7月の取引ナビ刷新は、見た目の変更ではなく土台ごとの作り直しです。新旧画面のHTMLを実際に読み比べてわかった技術的な変化と、出品者の実務的な対処を解説します。7月31日夕方に従来画面へ戻る動きが確認されたため、追記を加えています。

ヤフオクの取引ナビはなぜ変わったのか ─ HTMLを読むとわかる、画面刷新の本当の中身
追記 (2026年7月31日 夜)

7月31日の夕方より、取引ナビが従来の画面に戻っているという報告が相次いでいます。当方でも複数のアカウント・複数の端末で、従来の1画面レイアウトに戻っていることを確認しました。現時点でヤフオクからの公式なお知らせは出ておらず、一時的な差し戻しなのか、方針そのものの変更なのかは判断できません。本記事の「元の画面に戻ることは期待しにくい」という見立ては、少なくとも短期的には外れた形です。下記の技術的な観測 (HTMLの構成が入れ替わっていること) 自体は変わりませんが、そこから導いた見通しについては、お読みいただく際にこの追記を前提としてください。今後の動きは分かり次第、本記事に追記します。

2026年7月13日から順次切り替わっているヤフオク(Yahoo!オークション)の新しい取引ナビ。「使いにくくなった」「元に戻してほしい」という声を目にした方も多いと思います。

何が変わったのか・実務にどう影響するかは前回の記事で解説しました。この記事では、その良し悪しの前に「そもそも何が変わったのか」を、新旧両方の画面のHTMLを実際に読み比べた観測事実から解説します。結論を先に言うと、これは見た目の模様替えではなく土台ごとの作り直しで、だからこそ「そのうち元に戻るだろう」は期待しにくい、というのが本記事の見立てでした (上記の追記もあわせてお読みください)。

表面上の変化: 1画面 → 3タブ

公式のお知らせのとおり、画面上の変化は「取引」「メッセージ」「情報」の3タブ化です。従来は1ページに縦に並んでいた情報が、目的別のタブに分割されました。

この構成、どこかで見覚えがないでしょうか。ヤフオクのスマホアプリの取引画面です。アプリ版は2024年のバージョン7.72.0以降、先行して同様の取引画面に切り替わっています。今回のWeb版刷新は、アプリで先に完成していた設計をWebに揃えた、という順序で読むのが自然です。

中身の変化: HTMLを読み比べる

表面よりも大きいのが中身の変化です。新旧それぞれの取引ナビのHTMLソースを見ると、まったく別の技術で作られていることがわかります。

従来の画面

従来の取引ナビのHTMLには、次のような構成要素が並んでいます。

  • jQuery 3.5.1 (2020年リリースのJavaScriptライブラリ)
  • YAHOO.JP から始まる独自のJavaScript群
  • サーバー側で完成品のHTMLを組み立てて返す方式(ページを開いた時点で全情報がHTMLに書かれている)

Web業界で2010年代に標準的だった作り方です。ページ全体が1枚のHTMLとして届くので、結果的に「縦スクロールで全部見える」1画面レイアウトになっていました。

新しい画面

新しい取引ナビのHTMLは一変します。

  • Next.js / React (現在のWeb開発で主流のフレームワーク)
  • 取引の全データがJSON形式でページ内に埋め込まれ、画面はブラウザ側で組み立てる方式
  • タブの切り替えはページ遷移ではなく、同じページ内での表示の差し替え

つまり今回の刷新は「デザイン変更」ではなく、レンダリングの仕組みごと現行世代に置き換えたものです。3タブというレイアウトは、その新しい仕組みの上に載った結果にすぎません。

新旧の取引ナビのHTML構成の比較: jQueryとサーバー側HTML組み立てから、Next.jsとページ内JSONデータへ

なぜ作り直しに何年もかかるのか

「それなら早く作り直せばよかったのに」と思うかもしれませんが、取引ナビは最後に残るタイプの画面です。理由は3つあります。

第一に、失敗が許されない画面だから。 取引ナビには代金・住所・決済・発送が集約されています。検索結果ページの表示崩れと違い、ここでの不具合は実害に直結します。大規模サービスの基盤刷新では、周辺の画面から順に置き換えて、中核のフローを最後に回すのが定石です。実際、ヤフオクでもマイオクや商品ページ、アプリ版の取引画面が先に新しくなり、Web版取引ナビが最後になりました。

周辺ページからアプリ版、最後にWeb版取引ナビという置き換えの順序

第二に、古いコードは「少しずつ直す」ができないから。 従来画面のJavaScriptは、確認画面・送信処理・認証情報の受け渡しが密接に絡み合った作りで、部分的な改修が難しい構造です。こうなると選択肢は全面的な書き直しになり、取引ナビが持つ膨大な状態(取引ステップ×匿名配送の有無×まとめて取引×ストア/個人など)を新しい実装で網羅する必要があります。年単位の作業になるのはこのためです。

第三に、アプリとWebで二重に作り続けるコストが大きいから。 アプリ版が先に新設計へ移行した以上、Web版だけ旧設計のまま維持すれば、同じ機能を2通り開発し続けることになります。設計を揃えるのは事業として合理的な判断です。

だから「元に戻る」は期待しにくい

ここまでを踏まえると、「クレームが多ければ元に戻るのでは」という期待には慎重になった方がよさそうです。

見た目だけの変更なら戻せます。しかし今回は土台の置き換えなので、元に戻すことは「新しく作った仕組みを捨てて、置き換えたかった古い仕組みの保守を再開する」ことを意味します。ヤフオクの過去の大きな仕様変更(連絡掲示板の終了、落札者削除時の自動評価の廃止など)を振り返っても、告知後に方針が撤回された例は見当たりませんでした (ただし今回については、7月31日夕方に従来画面へ戻る動きが確認されています。冒頭の追記を参照してください)。

現実的にありうるのは、新しい画面のまま細部が調整されていく展開です。ただし、その調整で従来の「1画面で全部」に戻る可能性は、設計思想(アプリとの統一)からして低いと考えられます。

出品者の実務はどうするか

設計として正しいことと、自分の作業環境で使いやすいことは別問題です。パソコンの大きな画面で1日に何件も取引を処理する出品者にとって、タブの往復は素朴に手数の増加です。

Chrome拡張機能 AucKit の「取引ナビ クラシック表示」は、この間を埋める機能です。新しい取引ナビのページに埋め込まれたデータを読み取り、従来と同じ1画面レイアウトに組み立て直して表示します。基盤はヤフオクの新しい仕組みのまま、見た目だけを従来に揃えるアプローチなので、ヤフオク側の刷新と衝突しません。使い方は従来の1画面に戻す方法の記事にまとめています。

ヤフオクの新基盤の上に、AucKitクラシック表示が表示の層だけを従来に再構成する二層図

まとめ

  • 今回の刷新は3タブ化という見た目以上に、レンダリング基盤の世代交代が本体
  • 取引ナビが最後に残ったのは、失敗が許されない中核画面だから
  • 基盤の置き換えである以上、「元の画面に戻る」展開は期待しにくい
  • 実務上の対処は、新基盤の上で表示だけを従来に揃えるのが現実解

新しい仕組みへの移行そのものは、長期的にはサービスの維持に必要な投資です。その上で、日々の実務の使い勝手は自分の側で選べる ─ というのが、拡張機能という道具の役割だと考えています。