折りたたみのiPhone Duoで、ビビバスを開いてみた
2026年10月23日に、Appleの初めての折りたたみスマホ、iPhone Duoが発売されました。ビビバスは、これで開くと、どう見えるのでしょうか。実機は持っていないので、パソコンのブラウザを、Duoの画面と同じ大きさにして、ビビバスと千歳ノートを開いてみました。
iPhone Duoとは
- 発売日:2026年10月23日(日本では、36万4800円から)
- 画面:閉じると5.4インチ、開くと7.6インチ
- 開いても閉じても、2つの画面は、同じ縦横の比率(Apple)
- iOS 27.1以降が必要。iPhoneで初めて、2つのアプリを並べる「Split View」に対応
画面の大きさ
Webページに見える画面の大きさ(CSSピクセル)は、Appleが公表していません。いくつかの情報サイトが、物理の解像度から、次のように予想しています。
- 閉じたとき:466×678
- 開いたとき:890×626(縦横が逆で、626×890とする記事もあります)
この記事の画像は、この大きさで試した結果です。実機とは、少し違うかもしれません。
閉じたとき
閉じた画面は、幅466ピクセルで、普通のスマホとほとんど同じです。ビビバスの画面は、そのまま使えます。

開いたとき
開くと、幅は約890ピクセルになります。2列にする前のビビバスは、ホームが、幅448ピクセルの細い帯のまま、真ん中に並んでいました。左右に、約220ピクセルずつの余白ができて、広い画面を使い切れていませんでした。

千歳ノートは、パソコン向けの横長の表示に切り替わります。上にメニューが並び、記事のカードが横に並びます。こちらは、広い画面に合っています。

縦の短さ
開いた画面を横向きにすると、高さは626ピクセルしかありません。そこから、上のバーと、下のメニューを引くと、時刻表に使える高さは、かなり少なくなります。
左にホーム、右に時刻表
「Duoなら、左にホーム、右に時刻表の一覧を並べればいい」と思うかもしれません。PWA(ホーム画面に追加したWebアプリ)でも、これはできます。PWAは、普通のWebページと同じで、画面の幅を見て、並べ方を変えられるからです。
なので、作りました。幅が800ピクセル以上のときだけ、ホームと時刻表を、左右の2列にします。折りたたみの専用の機能は、使っていません。ただ、画面の幅を見ているだけです。

- 左:次のバス(ホームの画面)。幅は約26rem
- 右:時刻表。高さが足りないときは、この列の中だけが縦に動きます
- 幅が800ピクセル未満のとき(閉じた画面、開いて縦向きにしたとき)は、今までどおり1列です
- 画面の幅を、466から890に切り替えて試すと、その場で、1列から2列に変わりました
対象は、ホームと時刻表の画面だけです。お知らせや設定は、1列のままです。パソコンやタブレットで開いても、同じ2列になります。
これから
実機で見たときの様子は、分かり次第、この記事に足します。Duoを使っていて、ビビバスの見え方で気になることがあれば、お問い合わせから、教えてください。
PRいま乗れる、次のバスは?ビビバスで見る →