For the complete documentation index, see llms.txt. Markdown versions of documentation pages are available by appending .md to the page URL.
メインナビゲーション
Codex

Codex use case

Liquid Glass の導入

Codex を使用し、iOS 26 の API と Xcode 26 で既存の SwiftUI アプリを Liquid Glass に移行します。

Difficulty 上級
Time horizon 1時間

Codex と Build iOS Apps プラグインを使用して、iPhone と iPad の既存 UI を監査し、カスタムのぼかしやマテリアルのスタックをネイティブの Liquid Glass に置き換えます。iOS 26 の可用性チェックとシミュレータによる検証で、安全に移行できます。

最適な用途

  • 曖昧な再設計方針ではなく、実用的な iOS 26 Liquid Glass 移行計画を必要とする既存の SwiftUI アプリ
  • Codex にカスタムのカード、シート、タブバー、ツールバー、アクションボタンを監査させ、移行を小さな範囲ごとに実装させたいチーム
  • 以前の iOS バージョンも引き続きサポートし、外観を一律に置き換えるのではなく、`#available(iOS 26, *)` によるフォールバックが必要なアプリ

Contents

    ← すべてのユースケース

    Liquid Glass の導入

    Codex を使用し、iOS 26 の API と Xcode 26 で既存の SwiftUI アプリを Liquid Glass に移行します。

    Codex と Build iOS Apps プラグインを使用して、iPhone と iPad の既存 UI を監査し、カスタムのぼかしやマテリアルのスタックをネイティブの Liquid Glass に置き換えます。iOS 26 の可用性チェックとシミュレータによる検証で、安全に移行できます。

    上級
    1時間

    Codex と Build iOS Apps プラグインを使用して、iPhone と iPad の既存 UI を監査し、カスタムのぼかしやマテリアルのスタックをネイティブの Liquid Glass に置き換えます。iOS 26 の可用性チェックとシミュレータによる検証で、安全に移行できます。

    上級
    1時間

    最適な用途

    • 曖昧な再設計方針ではなく、実用的な iOS 26 Liquid Glass 移行計画を必要とする既存の SwiftUI アプリ
    • Codex にカスタムのカード、シート、タブバー、ツールバー、アクションボタンを監査させ、移行を小さな範囲ごとに実装させたいチーム
    • 以前の iOS バージョンも引き続きサポートし、外観を一律に置き換えるのではなく、`#available(iOS 26, *)` によるフォールバックが必要なアプリ

    スキルとプラグイン

    • SwiftUI Liquid Glass、SwiftUI UI patterns、simulator debugging の各スキルを使用して、iOS の画面をモダン化し、ネイティブの Glass エフェクトを導入して、iOS 26 シミュレータで結果を検証します。
    Skill Why use it
    Build iOS Apps SwiftUI Liquid Glass、SwiftUI UI patterns、simulator debugging の各スキルを使用して、iOS の画面をモダン化し、ネイティブの Glass エフェクトを導入して、iOS 26 シミュレータで結果を検証します。

    開始用プロンプト

    Build iOS Apps プラグインと、その SwiftUI Liquid Glass スキルを使用して、このアプリで利用頻度の高い 1 つのフローを Liquid Glass に移行してください。 制約: - iOS 26 と Xcode 26 への移行として扱ってください。ただし、以前のデプロイターゲット向けには、`#available(iOS 26, *)` を使用して Liquid Glass を適用しないフォールバックを維持してください。 - まずフローを監査してください。ネイティブの Liquid Glass に置き換えるべきカスタム背景、ぼかしのスタック、チップ、ボタン、シート、ツールバーと、通常のコンテンツのままにすべき領域を明示してください。 - カスタムのぼかしではなく、`glassEffect`、`GlassEffectContainer`、`glassEffectID`、`.buttonStyle(.glass)`、`.buttonStyle(.glassProminent)` などのシステムコントロールとネイティブ API を優先してください。実際にフローを改善するモーフィング遷移がある場合に限り、`glassEffectID` を `@Namespace` と組み合わせて使用してください。 - `glassEffect` はレイアウトと外観のモディファイアの後に適用し、形状に一貫性を持たせてください。`.interactive()` は、実際にタッチに反応するコントロールだけに使用してください。 - XcodeBuildMCP を使用して iOS 26 シミュレータでビルドおよび実行し、移行したフローのスクリーンショットを取得してください。使用したスキーム、シミュレータ、確認項目を正確に記載してください。 成果物: - フローの簡潔な移行計画 - 実装済みの Liquid Glass 対応部分 - iOS 26 より前のデバイスでのフォールバック動作 - 使用したシミュレータ検証手順とスクリーンショット
    Build iOS Apps プラグインと、その SwiftUI Liquid Glass スキルを使用して、このアプリで利用頻度の高い 1 つのフローを Liquid Glass に移行してください。 制約: - iOS 26 と Xcode 26 への移行として扱ってください。ただし、以前のデプロイターゲット向けには、`#available(iOS 26, *)` を使用して Liquid Glass を適用しないフォールバックを維持してください。 - まずフローを監査してください。ネイティブの Liquid Glass に置き換えるべきカスタム背景、ぼかしのスタック、チップ、ボタン、シート、ツールバーと、通常のコンテンツのままにすべき領域を明示してください。 - カスタムのぼかしではなく、`glassEffect`、`GlassEffectContainer`、`glassEffectID`、`.buttonStyle(.glass)`、`.buttonStyle(.glassProminent)` などのシステムコントロールとネイティブ API を優先してください。実際にフローを改善するモーフィング遷移がある場合に限り、`glassEffectID` を `@Namespace` と組み合わせて使用してください。 - `glassEffect` はレイアウトと外観のモディファイアの後に適用し、形状に一貫性を持たせてください。`.interactive()` は、実際にタッチに反応するコントロールだけに使用してください。 - XcodeBuildMCP を使用して iOS 26 シミュレータでビルドおよび実行し、移行したフローのスクリーンショットを取得してください。使用したスキーム、シミュレータ、確認項目を正確に記載してください。 成果物: - フローの簡潔な移行計画 - 実装済みの Liquid Glass 対応部分 - iOS 26 より前のデバイスでのフォールバック動作 - 使用したシミュレータ検証手順とスクリーンショット

    iOS 26 を基準とする移行

    まず、Liquid Glass を iOS 26 と Xcode 26 への移行プロジェクトとして扱います。iOS 26 SDK でアプリを再ビルドし、標準の SwiftUI コントロールから自動的に得られる外観を確認します。その後で初めて、平坦すぎる、重すぎる、またはシステム UI との一体感に欠けるカスタム部分だけを再設計するよう Codex に依頼します。

    アプリが以前の iOS バージョンもサポートしている場合は、その制約を最初から明示してください。Build iOS Apps プラグイン の SwiftUI Liquid Glass スキルでは、Liquid Glass 専用の新しい API を #available(iOS 26, *) でガードし、旧バージョンのデバイスでも読みやすさを保てるフォールバックを維持する必要があります。

    iOS プラグインの活用

    Build iOS Apps プラグイン を使用すると、Codex で SwiftUI の UI 変更とシミュレータによる検証を組み合わせられます。Liquid Glass への移行では、Codex に 1 つのフローを監査させ、少数の UI 領域を移行し、iOS 26 シミュレータで結果を起動して、対象範囲を広げる前にスクリーンショットを取得させるのが効果的です。

    このプラグインには SwiftUI Liquid Glass スキルが含まれており、次の基本方針をプロンプトに盛り込むと効果的です:

    • カスタムのぼかしビューよりも、ネイティブの glassEffectGlassEffectContainer、Glass ボタンスタイル、glassEffectID による遷移を優先します。
    • マテリアルが目的の最終形状に沿って適用されるよう、レイアウトと外観のモディファイアの後に .glassEffect(...) を適用します。
    • 複数の UI 領域を同時に表示する場合は、関連する Glass 要素を GlassEffectContainer で囲みます。
    • 実際にタッチに反応するボタン、チップ、コントロールにのみ .interactive() を使用します。
    • 個別の Glass 表現を混在させず、機能全体で角の形状、ティント、間隔に一貫性を持たせます。
    • iOS 26 より前のターゲット向けに、Liquid Glass を使用しないフォールバックを維持します。

    プラグインとスキルのインストールについて詳しくは、プラグインスキル のドキュメントをご覧ください。

    WWDC セッションの視聴

    Codex に実際の本番フローをリファクタリングさせる前に、次の WWDC25 セッションを参照するとよいでしょう:

    移行計画の依頼から部分実装へ

    Liquid Glass への移行は、Codex が「Liquid Glass をどこに適用すべきか?」と「今すぐすべてのコードを書く」を分けて扱うことで、より円滑に進みます。まず簡単な監査を依頼し、その後、エージェントに独立して完結する 1 つの範囲をシミュレータで検証しながら実装させてください。

    実践的なヒント

    Liquid Glass の全面適用を回避

    Liquid Glass は、すべてのカードを光るパネルに変えるのではなく、コンテンツの上に明確なコントロールレイヤーを作るためのものです。システムマテリアルと競合する装飾的な背景は Codex に削除させ、可読性が最も重要な箇所では装飾のないコンテンツを維持し、ティントは意味上の強調や主要アクションに限定してください。

    利用頻度の高い 1 つのフローから開始

    最初の移行対象には、アプリ全体を一括で移行するよりも、タブのルート画面、詳細画面、シート、検索 UI、オンボーディングフローのいずれかが適しています。これによりレビューしやすくなり、Liquid Glass に関するどの判断を再利用可能なコンポーネントパターンとして採用すべきかが明確になります。

    フォールバック動作の入念なレビュー

    デプロイターゲットが iOS 26 未満の場合は、Liquid Glass 版と並べてフォールバック実装を表示するよう Codex に依頼してください。このレビューステップにより、API の可用性に関する意図しないリグレッションを検出し、最新のシミュレータでしか動作しない移行内容のリリースを避けられます。

    Tech stack

    Need

    Liquid Glass の UI API

    Default options

    glassEffectGlassEffectContainer、Glass ボタンスタイルを使用する SwiftUI

    Why it's needed

    これらは、このスキルで最初に採用すべきネイティブ API です。これにより、Codex はマテリアルシステムを作り直すのではなく、カスタムのぼかしレイヤーを削除できます。

    Need

    プラットフォームの基準環境

    Default options

    iOS 26 と Xcode 26

    Why it's needed

    Liquid Glass は iOS 26 SDK で導入されます。Codex は Xcode 26 でコンパイルし、以前の OS をサポートするために明示的なフォールバックを追加する必要があります。

    Need

    シミュレータでの検証

    Default options

    XcodeBuildMCP

    Why it's needed

    ビジュアル移行では、ビルド、起動、スクリーンショット取得、ログ確認が重要です。複数の状態やデバイスサイズをレビューする場合は、特に重要です。

    Need Default options Why it's needed
    Liquid Glass の UI API glassEffect GlassEffectContainer 、Glass ボタンスタイルを使用する SwiftUI これらは、このスキルで最初に採用すべきネイティブ API です。これにより、Codex はマテリアルシステムを作り直すのではなく、カスタムのぼかしレイヤーを削除できます。
    プラットフォームの基準環境 iOS 26 と Xcode 26 Liquid Glass は iOS 26 SDK で導入されます。Codex は Xcode 26 でコンパイルし、以前の OS をサポートするために明示的なフォールバックを追加する必要があります。
    シミュレータでの検証 XcodeBuildMCP ビジュアル移行では、ビルド、起動、スクリーンショット取得、ログ確認が重要です。複数の状態やデバイスサイズをレビューする場合は、特に重要です。

    関連するユースケース