明日、9 月 9 日の水曜日、Appleは Apple Park で Surprise and shine と題した年次イベントを開催します。同社が公式に確認したのはここまでです。日付、タイトル、そして配信プラットフォームです。専門メディアが予想しているのは新世代の iPhone と、それと並ぶAppleとして初の折りたたみデバイスです。

あなたが事業を運営しているなら、これはあなたが買うかもしれない電話のニュースではありません。重要なのは、ある画面があなたのサイトやアプリを開き、あなたが一度も想定して設計したことのない振る舞いをしようとしているからです。顧客が何かをしている最中に、その幅が変わるのです。

Appleが確認したこと、報道にすぎないこと

これを根拠に予算の判断を下す前に、この区別が重要です。

  • Appleが確認済み：イベントは 2026 年 9 月 9 日水曜日の太平洋時間午前 10:00 に Apple Park から行われ、タイトルは Surprise and shine で、Appleのサイト、YouTube、Apple TV アプリで配信されます。
  • 報道のみ、未確認：外側のディスプレイが約 5.5 インチ、内側のディスプレイが約 7.8 インチのブック型折りたたみデバイスで、開始価格は二千ドル近くとされています。これらは専門メディアの推定であり公式の数字ではなく、どれも明日変わる可能性があります。

ですから、これらの数字を根拠に判断を下さないでください。ここで土台にする価値があるのはひとつだけで、それは最終的な仕様にかかわらず成り立ちます。実行中に面積が変わる画面のクラスが、いまや市場の現実の一部になったということです。

カテゴリーは新しくない。新しいのはその規模だ

折りたたみデバイスは 2019 年から他のメーカーによって販売されてきましたが、このセグメントは無視しても影響がないほど小さいままでした。Appleの参入は、明日が報道どおりに進めば、カテゴリーを発明するものではありません。あなたのアナリティクスに一度も現れなかった周縁から、実際に現れる割合へと移すのです。

公式な出典のない市場シェアの割合をお伝えするつもりはありません。重要な数字はただひとつで、すでにあなた自身のダッシュボードにあります。アナリティクスを開き、訪問のうちどれだけが iOS デバイスからのものかを見てください。それが無視できない割合なら、このフォームファクターは何年ではなく数か月であなたの数字に届きます。小さければ緊急性は下がりますが、問題が消えるわけではありません。

本当の変化：幅がセッションの中で変わる

Webはずっと前に、電話、タブレット、デスクトップといった異なるサイズを扱うことを学びました。しかし、これまで作られてきたものの大半の背後には、サイズはページが開いた瞬間に決まり、セッションが終わるまでそのまま保たれるという暗黙の前提があります。デバイスの回転はまれな例外で、それさえうまく扱えないサイトが数多くあります。

折りたたみデバイスは、この前提を一日に何十回も崩します。顧客がデバイスを開くとビューポートは電話の幅からタブレットに近い幅へと跳ね上がり、閉じると一気に元に戻ります。報道によると、内側のディスプレイは開いた状態で縦より横が長いとされており、電話向けに設計したレイアウトが、一度もテストしたことのない横長の空間で表示される可能性があるということです。

その帰結はひとつのルールにまとめられます。利用可能なスペースを一度だけ測って答えをキャッシュするインターフェースの要素は、最初の折りたたみの後に誤ったものになります。

実際に壊れる箇所

  • 幅を一度だけ読み取るレイアウト。読み込み時にウィンドウ幅を読み取り、モバイルメニューかデスクトップメニューかといった判断を固定するコードは、展開後も顧客がリロードするまでその判断を保持します。健全なアプローチは、判断を保存された変数ではなく、自動で再計算される CSS クエリに任せることです。
  • user agent によるデバイス検出。デバイス名に基づいてどのバージョンのサイトを配信するかを決める方法は、二重に失敗します。ひとつは単一のデバイスがいまや二つのサイズを持つから、もうひとつはデバイスのリストが新製品のたびに古くなるからです。
  • 再描画で失われる状態。これがビジネス上もっとも危険なものです。顧客が注文フォームや支払いステップの途中でデバイスを開くと、インターフェースが再構築され、フィールドが空になるかステップがリセットされます。静的なページのテストでは決して現れず、完了率にはすぐに現れます。
  • 表、地図、カルーセル。読み込み時に自らのサイズを計算するコンポーネントが最初に崩れます。ページからはみ出す表、古いサイズのまま固まる地図、切り替えの途中で止まるカルーセルです。
  • モバイルアプリがある場合はそのアプリ。両プラットフォームとも、いまやマルチウィンドウ状態と変化するサイズに対応しています。固定の高さと幅を前提にしたアプリは、空白の余白や切れた要素とともに表示されます。

デバイスを買わずに今週できる五つのチェック

自分の状況を知るのに折りたたみデバイスは必要ありません。デスクトップブラウザでサイトを開き、ウィンドウの端をゆっくり内側と外側にドラッグして、次の点を観察してください。

  • ドラッグに合わせてメニューとレイアウトがスムーズに切り替わりますか。それとも、リロードするまで古い形が残ったままですか。
  • 問い合わせフォームを途中まで入力するか、商品をカートに追加してから、ウィンドウの幅を変えてください。データは残っていますか。
  • 支払いステップに入り、その途中で幅を変えてください。そのステップにとどまりますか、それとも最初に戻されますか。
  • 表、地図、またはカルーセルのあるページを開いて幅を変えてください。サイズを再計算しますか、それとも崩れますか。
  • おおよそ 700 から 900 ピクセルの間の、中途半端な中間の幅を試してください。ほとんどのサイトはよく知られた電話のサイズとデスクトップでテストされており、その間の帯域こそが展開したデバイスの居場所です。

この最後のチェックだけで問題の大半が明らかになり、かかるのは十分です。

Origamiの見解

私たちはこれを、クライアントに繰り返し伝えているルールのわかりやすい例だと考えています。インターフェースをデバイスのリストを中心に作るのではなく、利用可能なスペースを中心に作るということです。特定のデバイスを前提にしたデザインは、リリースされた日から古くなり始めます。毎年、リストになかったサイズが加わるからです。スペースを読み取って自らを再配置するデザインなら、新しいカテゴリーが登場しても一切の修正を必要としません。

そして、上のチェックは折りたたみデバイスだけのものではありません。これらに合格するサイトは、分割ウィンドウ、車載ディスプレイ、店舗内の画面、古いブラウザでもより堅牢です。私たちは最初からこの土台の上に構築し、既存サイトについてもユーザー体験の取り組みの一環として見直しています。お問い合わせページからご連絡いただけます。

結論

Appleが明日何を発表するかはAppleの問題です。あなたにとっての問題は、使用中に面積が変わる画面のクラスが拡大していること、そしてあなたのサイトがおそらく、サイズは読み込み後に確定するという前提の上に成り立っていることです。今日十分間ウィンドウの端をドラッグしてみれば、数か月後に顧客が目にするものを自分の目で確かめられます。問題が小さいうちに直すほうが、誰かから注文が途中で消えたと電話がかかってきた後に直すよりも、はるかに安く済みます。

出典

  • Surprise and shine と題した 2026 年 9 月 9 日のイベントへのAppleの公式招待状。日付、会場、配信プラットフォームを含み、2026 年 8 月 26 日に MacRumors と 9to5Mac が報じたもの。
  • 予想される折りたたみデバイスに関する専門メディアの報道。二つのディスプレイサイズと開始価格を含む。MacRumors と 9to5Mac による、Appleが確認していない推定。
  • 2019 年以降の他メーカーによる折りたたみデバイスの市場での存在：メーカーが発表した製品発売の記録。