答え公開済み14 ソース
iPhone DuoのSafariはなぜ外側画面が窮屈？ WebKitが探る表示改善
Safariは操作部の背後にウェブページを描画せず、背景色で埋めるため、外側画面を縦向きにしたときの表示幅は382 CSSピクセルです。[24][26] viewport fit="cover"ならページを広げられますが、未対応サイトでは重要な内容が操作部に隠れるおそれがあります。Appleはより安全で扱いやすい方法を検討中です。[19][23] Safari 27.1は、本のように途中まで折った状態でウェブ上のPDFを見開き表示します。折りたたみ状態を扱う開発者向けAPIも、機能フラグ付きのプレビューとして用意されています。[1][21]
公開者GPT-6 Luna で編集GPT Image 2 で画像を生成
研究の答え
重要なポイント
- Safariは操作部の背後にウェブページを描画せず、背景色で埋めるため、外側画面を縦向きにしたときの表示幅は382 CSSピクセルです。[24][26]
- viewport fit="cover"ならページを広げられますが、未対応サイトでは重要な内容が操作部に隠れるおそれがあります。Appleはより安全で扱いやすい方法を検討中です。[19][23]
- Safari 27.1は、本のように途中まで折った状態でウェブ上のPDFを見開き表示します。折りたたみ状態を扱う開発者向けAPIも、機能フラグ付きのプレビューとして用意されています。[1][21]
AI プロンプト
openai.comCreate a landscape editorial hero image for this Studio Global article: What does Apple’s WebKit post published for the October 23 launch of its first foldable iPhone, the iPhone Duo, explain about Safari 27.1’s. Article summary: Apple is exploring a way for websites to use the space beneath Safari’s side mounted controls on the iPhone Duo without making page content inaccessible; it has not settled on an approach.. Topic tags: general web, code, api, design, social media. Style: premium digital editorial illustration, source-backed research mood, clean composition, high detail, modern web publication hero. Use reference image context only for broad subject, composition, and topical grounding; do not copy the exact image. Avoid: logos, brand marks, copyrighted characters, real person likenesses, fake screenshots, UI text, readable text, watermarks, charts with fake numbers, clickbait thu
Safari 27.1の新機能としてWebKitが紹介したのは、折りたたみ端末ならではのPDF表示などです。一方、iPhone Duoの外側画面でウェブを見ると、ブラウザーの操作部が場所を取り、ページが窮屈に感じられる問題も残っています。Appleはサイト側が使える画面を増やす方法を探っていますが、既存のページを壊さずに実現する方法はまだ決まっていません。1
19
外側画面でページ幅が限られる理由
iPhone Duoを閉じた状態では、Safariの操作部が画面の側面に配置されます。Safariはその操作部の背後にウェブページの内容を表示せず、ページの背景色を延長する形で空間を埋めています。 その結果、外側画面を縦向きに使う場合のウェブページの表示幅は382 CSSピクセル。内側画面を横向きにして2つのウインドウを並べた場合も、各ウインドウの幅は385 CSSピクセルとされ、外側画面の縦向き表示は特に幅が狭い構成です。
9to5Macのレビューも、外側画面でSafariを使うと、右側に寄った操作部がウェブページに使える領域を狭めると指摘しています。 ただし、ボタンを横に移した理由を「縦方向の表示領域を確保するため」と説明しているかどうかは、今回確認できる資料だけでは断定できません。
画面を広く使う案と、既存サイトへのリスク
ページを操作部の背後まで広げる方法の一つが、ウェブの設定 viewport-fit="cover" です。これを使えば画面いっぱいまで描画できますが、すべてのサイトが操作部の位置を考慮しているわけではありません。未対応のページでは、文字やボタンなど大切な内容がブラウザーの操作部に重なり、見えにくくなる可能性があります。19
23
一方、操作部と重なっても問題のない背景や装飾なら、画面端まで広げる利点があります。たとえば、ページのヘッダー背景を横幅いっぱいに見せながら、見出しや本文は操作部にかからない位置に置く、といった使い方が考えられます。19
WebKitの担当者ジェン・シモンズ氏は、より多くのサイトで安全に使える、柔軟で扱いやすい解決策を検討していると説明しています。19 ただし、具体的にどのような開発者フィードバックを求めたのか、また改善策をいつ提供するのかは、確認できる資料では明らかになっていません。
23
レビューで挙がった点と、確認できない指摘
9to5Macは、外側画面でのウェブ閲覧について、操作部が実用領域を削り、ウェブがこの形状に十分対応できていないと評しています。 Wirecutterは、外側画面の表示面積がiPhone 18 Proに近く、通知を確認する用途などに使えると紹介しています。 The Vergeのレビュー資料からは、iPhone Duoの内外ディスプレイが同じ1.4:1の比率であることを確認できますが、ここで挙げられたSafariの操作部やポップアップに関する批判までは裏付けられません。
クッキー通知やニュースレター登録のバナーが画面を占める、といった個別の不満を各媒体のレビューに帰属させる根拠も、確認できる資料にはありません。また、未対応アプリが画面の左右に黒い余白をつけて表示されるケースは報じられていますが、これはSafariのウェブページ表示とは別の問題です。
折りたたみ状態を使う機能とPDF表示
Safari 27.1では、端末の折りたたみ方を検知する「Device Posture API」と、画面が分割された表示領域を扱う「Viewport Segments API」が開発者向けプレビューとして提供されます。いずれも機能フラグの背後にあり、今後変更される可能性があります。21
ユーザー向けには、iPhone Duoを本のように途中まで折った状態でウェブ上のPDFを開くと、Safariが自動で2ページを横に並べて表示します。画面を完全に開くか閉じると、1ページ表示に戻ります。1
発売日・価格・画面サイズ
Appleの発表によると、予約注文は2026年10月16日に始まり、販売開始日は10月23日です。米国での開始価格は1,999ドル。日本向けの発表では税込36万4,800円からとされています。 発売日に店頭・オンラインで販売されたことは報じられていますが、世界各地のApple Storeでの展開状況を一律に示す根拠は確認できません。
ディスプレイは内側が7.6インチ、外側が5.4インチです。 Appleは外側画面の表示面積をiPhone 18 Proの90％としており、Wirecutterも面積は近い一方、より横に広い形状ではなく「背の低い」形だと説明しています。 内外の画面は同じ1.4:1のアスペクト比です。 比率が同じなら、画面の形を保ったまま大きさを変えて表示できます。ただし、それだけでウェブサイトやアプリが各状態に適切に対応するわけではなく、Appleは開発者に固定の画面サイズや比率を前提にしないよう案内しています。
Studio Global AI
研究を続けてください
このページにはソースに裏付けされた回答が含まれており、Studio Global 内で続行できます。
人々も尋ねます
「iPhone DuoのSafariはなぜ外側画面が窮屈？ WebKitが探る表示改善」の短い答えは何ですか?
Safariは操作部の背後にウェブページを描画せず、背景色で埋めるため、外側画面を縦向きにしたときの表示幅は382 CSSピクセルです。[24][26]
最初に検証する重要なポイントは何ですか?
Safariは操作部の背後にウェブページを描画せず、背景色で埋めるため、外側画面を縦向きにしたときの表示幅は382 CSSピクセルです。[24][26] viewport fit="cover"ならページを広げられますが、未対応サイトでは重要な内容が操作部に隠れるおそれがあります。Appleはより安全で扱いやすい方法を検討中です。[19][23]
次の実践では何をすればいいでしょうか？
Safari 27.1は、本のように途中まで折った状態でウェブ上のPDFを見開き表示します。折りたたみ状態を扱う開発者向けAPIも、機能フラグ付きのプレビューとして用意されています。[1][21]