iPhone Duoが提示する「折りたたみ」という新たなUIイベント
米Appleは、かねてより噂されていた折りたたみ式スマートフォン「iPhone Duo」を 2026年10月23日 に出荷開始します。このデバイスは、5.4インチの外部ディスプレイと、開くと現れる7.6インチの内部ディスプレイを搭載しており、iOS 27.1で動作します。既存のiPhoneアプリもそのまま実行できますが、The Registerの記事によると「iPadで通常のiPhoneアプリを動かすように、ぎこちない」表示になる可能性があるとのことです（出典）。
「折りたたむことは、バックエンドに影響を与えるUIイベントである。」
Appwriteの開発者アドボケートであるAtharva Deosthale氏は、そのブログ投稿で「折りたたみや展開は、通常のデバイス使用の一部であり、アプリは状態を維持し、ディスプレイの変更にクリーンに対応する必要がある」と述べています（出典）。これは、単に画面サイズが変わるだけでなく、ユーザーの操作そのものがUIの状態を変化させるという、新たなパラダイムシフトを意味していると感じます。自分のプロダクトでユーザーがどのようにデバイスを扱うのか、想像力を掻き立てられますね。
既存の固定レイアウトやハードコードされた寸法を持つアプリは、新しいフォームファクタにうまく適応できない可能性があります。特に、画面サイズ変更時にビューコントローラがリロードされるようなアプリは、表示が伸びたり崩れたりするリスクがあるため、対応が急務となるでしょう。
新しいフォームファクタがもたらす開発上の課題とチャンス
iPhone Duoの最大の特長は、その「折りたたみ」機能とマルチスクリーン構成です。これにより、開発者は以下のような新たな課題と機会に直面します。
- シームレスな画面遷移: アプリは、デバイスの開閉に合わせて、トップ画面から内部ディスプレイへ、またはその逆へとコンテンツをスムーズに移動させる必要があります。Deosthale氏は「画面の割り当てが変更されるにつれて、アプリの利用可能なサイズをレイアウト時に読み取り、アプリのライフタイムを通じて調整する必要がある」と指摘しています（出典）。
- 多様な姿勢への対応: 「卓上モード」（半分が平らで半分が直立）や「ブックモード」（垂直に折りたたむ）など、ユーザーは様々な姿勢でデバイスを使用できます。これにより、アプリのレイアウトはより柔軟な対応が求められます。正直、これはかなりの挑戦だと感じます。Webのレスポンシブデザインとは一味違う、物理的な状態変化に対応するデザインですね。
- ProMotionによる滑らかなアニメーション: 両ディスプレイはAppleのProMotion技術により120Hzのアダプティブリフレッシュレートに対応しています。アプリ内の遷移やリサイズは、ウォルト・ディズニーのアニメーションレベルで滑らかであると同時に、状態を維持する必要があります。
- Split Viewによるマルチタスク: iPhone Duoは「Split View」を介して2つのアプリを同時に実行できるため、アプリは画面を共有し、互いに協調する必要があります。
- システムコントロールの配置変更: 従来のiPhoneとは異なり、一部のシステムコントロールがディスプレイの底部から側面へ移動しています。これにより、ランドスケープモードではより多くの縦方向のスペースが確保されますが、アプリのUIがシステムコントロールに覆われないよう、開発者が注意する必要があります。
従来のiPhoneとの比較と最適化のポイント
iPhone Duoは、従来のiPhone Pro Max（6.9インチ）と比較して、内部ディスプレイが7.6インチと一回り大きくなっています。この広い画面領域を最大限に活用するためには、単一カラムのレイアウトでは物足りないとDeosthale氏は述べています。以下に、従来のiPhoneアプリとの主な違いと最適化のポイントをまとめます。
| 項目 | 従来のiPhoneアプリ | iPhone Duo向け最適化 |
|---|---|---|
| 画面サイズ | 固定（ポートレート/ランドスケープ） | 動的（開閉、卓上/ブックモード） |
| レイアウト | 固定、ハードコードされた寸法 | 動的なサイズ調整、レスポンシブ |
| 画面遷移 | ページ遷移が主 | 物理的な開閉によるシームレスな遷移 |
| 状態管理 | 単一画面内での管理が主 | 画面切り替え時の状態とセッションIDの維持 |
| UI要素 | 底部コントロールバーが一般的 | システムコントロールが側面へ移動、非対称レイアウト |
| 活用方法 | 単一アプリ利用が主 | Split Viewによるマルチタスク、サイドバーや詳細ペイン |
Deosthale氏は、詳細ペインやサイドバー、プレゼンターモードとビューアーモードの並列表示などを追加するチャンスだと提案しています（出典）。これは、GCPのコンソールのように、詳細情報をサイドペインに表示するようなレイアウトが主流になるということでしょうか。
PythonやTypeScriptで書かれた自分の個人プロダクトでも、マルチペインのUIはよく使っているので、この設計思想は親しみやすいです。Appleは、これらの新たなトポロジに対応するため、Xcode IDEをアップデートしており、27.1ベータ版が今月末にリリースされる予定です。
開発者への具体的なアドバイス
Appleは、開発者向けに技術ドキュメントのリポジトリを公開しています（出典）。これらのドキュメントを読み込み、iPhone Duoの新しいディスプレイ挙動とフォームファクタに慣れることが重要です。
また、画面が切り替わった際に、ユーザーがオプションを探し回るようなコンポーネントの大きな移動は避けるべきです。Appleはこれを「一貫した体験の維持」と呼んでいます。ユーザーのセッションIDを含め、アプリの状態を正確に保存し、外部ディスプレイにインターフェースが移動しても、作業を中断させない配慮が求められます。
折りたたみスマホは、ハードウェアの進化がUI/UXデザインに直接的な影響を与える好例だと感じます。自作PCでStable DiffusionやローカルLLMを動かすように、ハードウェアの特性を理解してソフトウェアを最適化する面白さがここにもありますね。
