Mac Catalyst


Mac Catalyst を使用してあなたの iOS アプリの Mac バージョンを作成すると、新しいユーザーがあなたのアプリを利用できるようになり、既存のユーザーに新しい環境でアプリを楽しむ機会が与えられます。



始める前に


多くの iOS アプリは、Mac Catalyst で Mac アプリを作成するための優れた候補です。これは特に、すでに iPad で問題なく動作し、主要な iPad 機能をサポートしている iOS アプリに当てはまります。 例えば:


ドラッグアンドドロップ。 iOS アプリでドラッグアンドドロップをサポートすると、Mac バージョンでもドラッグアンドドロップがサポートされます。


キーボードショートカット。 iPad では物理キーボードが常に使用できるとは限りませんが、iPad ユーザーはキーボードショートカットを使用してあなたのアプリの操作を合理化することを高く評価します。Mac では、ユーザーはアプリがキーボードショートカットを提供することを常に期待しています。あなたの iOS アプリでキーボードショートカットをサポートすることで、一般的な macOS ショートカットのサポートをあなたの Mac アプリに簡単に追加できます。


マルチタスク。 分割ビュー、スライドオーバー、ピクチャーインピクチャーをサポートするためにインターフェイスを適切にスケーリングするアプリは、Mac ユーザーが期待する広範なウィンドウのサイズ変更機能をサポートするために必要な土台を築きます。


複数のウィンドウのサポート。 iPad で複数のシーンをサポートすることで、macOS バージョンでも複数のウィンドウがサポートされます。


iPad で適切に動作する iOS アプリは、Mac Catalyst で Mac アプリを作成するための強固な基盤です。ただし、一部のアプリは、Mac に存在しないフレームワークや機能に依存しています。たとえば、あなたのアプリの不可欠な機能にジャイロスコープ、加速度計、背面カメラなどの機能、HealthKit や ARKit などのフレームワークが必要な場合、またはアプリの主な機能がナビゲーションのようなものである場合、Mac には適していません。


開発者向けガイダンスについては、Mac Catalyst (Mac Catalyst) を参照してください。Mac アプリの設計ガイダンスについては、macOS 用デザイン を参照してください。



Mac アプリの機能強化の計画


Mac Catalyst を使用してあなたの iOS アプリの Mac バージョンを作成すると、アプリは以下のような基本的な macOS 機能を自動的にサポートします。


  • キーフォーカスとキーボードナビゲーションを含む、キーボード、トラックパッド、マウス、およびタッチバー入力

  • ウィンドウ管理

  • ツールバーのサポート

  • コピーとペースト、および編集用のコンテキストメニューを含むリッチテキスト操作

  • ファイル管理

  • プルダウン メニュー

  • システムが提供する設定アプリでのアプリ固有の設定

  • システムが提供する UI 要素でも、より Mac ライクな外観になります。例えば:


  • 分割ビュー

  • ファイルブラウザ

  • アクティビティビュー

  • 書式シート

  • コンテキストアクション

  • カラーピッカー
  • 開発者用ノート

    Mac Catalyst で Mac アプリを作成するときにビューとコントロールがどのように変化するかの概要を把握するには、UIKit カタログ: ビューとコントロールの作成とカスタマイズ (UIKit Catalog: Creating and Customizing Views and Controls) をダウンロードし、macOS ターゲットをビルドして下さい。


    Mac Catalyst を使用して初めて Mac アプリを作成する場合、Xcode はデフォルトで "iPad に合わせてインターフェイスを縮尺" 設定、または iPad の様式 に設定されます。この設定により、あなたのアプリのレイアウトに大きな変更を加えることなく、Mac アプリを作成できます。iPad の様式を選択することにより、標準の iOS インターフェース要素は、あなたの iOS アプリの Mac バージョンでの外観を保持します。たとえば、スイッチコントロールは iOS の外観を保持します。さらに、システムはアプリのインターフェイスを縮尺して、あなたのアプリのレイアウトを更新する必要なく、テキストやインターフェイス要素が macOS 表示環境と一致するようにします。


    iPad の様式を選択する代わりに、Xcode で "Optimize Interface for Mac (Mac 用にインターフェースを最適化)" 設定または

    Mac idiom

    (Mac の様式) を選択できます。Mac の様式を使用すると、あなたのアプリはさらに Mac に似た外観になり、システムはあなたのアプリのレイアウトを縮尺しません。その結果、テキストとグラフィックスがより鮮明に表示され、Mac でのあなたのアプリの見栄えが最高になります。ただし、Mac の様式を採用すると、多くの場合、アプリのレイアウトに追加の作業を行う必要があります。


    あなたの iOS アプリの Mac バージョンを作成する場合、最初に iPad の様式を選択し、macOS アプリの構造、ナビゲーション規則、およびデザインパターンを採用して、アプリを Mac で使いやすいものにします。この作業が完了したら、特にあなたのアプリが大量のテキストや詳細なアートワークを表示したり、アニメーションを使用したりする場合は、Mac の様式への切り替えを検討してください。


    ガイダンスについては、Mac の様式 を参照してください。



    プラットフォームの規則と設計パターンの確認


    Mac Catalyst を使用して iOS アプリの Mac バージョンを作成するときは、あなたの Mac アプリが人々に豊富な Mac 体験を提供できるようにする必要があります。iPad の様式を採用するか、Mac の様式かに関係なく、単にあなたの iOS レイアウトを macOS ウィンドウに表示する以上のことが不可欠です。iOS と macOS はそれぞれ、人々がデバイスを使用するさまざまな方法に根ざした、ユーザー操作のデザインパターンと規則を定義しています。特定のビューとコントロールに飛び込んで更新する前に、優れた Mac アプリを作成できるように、プラットフォーム間の主な違いをよく理解してください。


    あなたの iOS アプリの Mac バージョンに最も大きな影響を与える規則とデザインパターンの違いは、以下の主要な領域にあります。


    ナビゲーション。 多くの iOS アプリと macOS アプリは同様の方法でデータを整理しますが、人々がデータを理解してナビゲートするのに役立つ様々なコントロールと視覚的インジケーターを使用します。ガイダンスについては、アプリの構造とナビゲーション を参照してください。


    ユーザーの入力と操作。 iPad と Mac はどちらも、マルチタッチディスプレイ、キーボード、マウス、トラックパッドなど、さまざまなデバイスからのユーザー入力を受け入れますが、タッチ操作は iOS の規則の基礎となっています。対照的に、キーボードとマウスの操作は、macOS の慣習にとって重要です。ガイダンスについては、ユーザーの操作 を参照してください。


    メニュー。 Mac ユーザーは永続的なメニューバーに慣れており、すべてのアプリコマンドがメニューバーのメニューにあることを期待しています。一方、iOS には永続的なメニューバーがなく、iOS ユーザーはアプリの UI でアプリコマンドを見つけることを期待します。ガイダンスについては、アプリのメニュー を参照してください。


    視覚的デザインとレイアウト。 Mac ユーザーに優れた体験を提供する方法でより広い Mac スクリーンを活用するには、あなたのアプリの視覚的デザインとレイアウトを更新します。例えば:


  • コンテンツとアクションの 1 つの列を複数の列に分割します。

  • ポップオーバーを使用する代わりに、メインコンテンツの隣にインスペクター UI を表示します。

  • アプリの階層の 2 つ以上のレベルを同時に表示します。

  • Mac の様式を採用して、アプリの外観をさらに Mac 風にします。

  • ガイダンスについては、視覚的デザイン を参照してください。


    あなたの iPad アプリを macOS の設計規則の観点から見ると、特に iPad アプリのオリジナルが iPhone の場合は、iPad バージョンを改善する方法も提案できます。Mac アプリでビューとコントロールをレイアウトする方法を再評価するときは、大きな iPad スクリーンをより有効に活用するためにあなたの iOS アプリを改善できる場所があるかどうかを確認する機会と考えてください。



    リソース


    関連


    macOS 用デザイン



    開発者用文書


    Mac Catalyst (Mac Catalyst)



    ビデオ





    目次
    Xcode の新機能

  • new HIG
  • 基礎

    概要

    アクセシビリティ

    ベストプラクティス

    操作

    ボイスオーバー

    テキスト表示

    色と効果

    プラットフォームの考慮事項

    リソース


    アプリのアイコン

    ベストプラクティス

    プラットフォームの考慮事項

    仕様

    リソース


    ブランド化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    カラー

    ベストプラクティス

    包括的カラー

    システムカラー

    カラーマネジメント

    プラットフォームの考慮事項

    仕様

    リソース


    ダークモード

    ベストプラクティス

    ダークモードの色

    プラットフォームの考慮事項

    リソース


    アイコン

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    イメージ

    拡大率

    フォーマット

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    含まれる物

    デザインによる包括

    言語の歓迎

    親しみやすい

    性同一性

    人と設定

    ステレオタイプの回避

    アクセシビリティ

    言語

    リソース


    レイアウト

    ガイドと安全なエリア

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    マテリアル(材料)

    ベストプラクティス

    プラットフォームに関する考慮事項

    リソース


    モーション

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    右から左へ

    テキストの配置

    数字と文字

    コントロール

    イメージ

    インターフェイスアイコン

    プラットフォームの考慮事項

    リソース


    SF シンボル

    ウェイトよスケール

    デザインバリアント

    カスタムシンボル

    プラットフォームの考慮事項

    リソース


    タイポグラフィ(印刷)

    ベストプラクティス

    システムフォントの使用

    カスタムフォントの使用

    プラットフォームの考慮事項

    仕様

    リソース




    パターン

    概観


    個人データへのアクセス

    許可を求める

    ロケーションボタン

    事前アラートスクリーン

    リクエストの追跡

    データの保護

    プラットフォームの考慮事項

    リソース


    データのグラフ化

    ベストプラクティス

    効果的なグラフの設計

    プラットフォームの考慮事項

    リソース

    変更記録

    協力と共有化

    ベストプラクティス

    プラットフォームの考慮事項

    リソース

    変更記録

    ドラッグアンドドロップ

    ベストプラクティス

    フィードバックの提供

    ドロップを受け入れる

    プラットフォームの考慮事項

    リソース


    データ入力

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    フィードバック

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ファイル管理

    ベストプラクティス

    ファイルを開く

    作業の保存

    クイックルックプレビュー

    プラットフォームの考慮事項

    リソース


    全画面表示

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    起動

    ベストプラクティス

    起動画面

    プラットフォームの考慮事項

    リソース


    ライブビューのアプリ

    ベストプラクティス

    EPG の体験

    クラウド DVR

    プラットフォームの考慮事項

    リソース


    ロード中

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    アカウントの管理

    ベストプラクティス

    アカウントの削除

    TV プロバイダーアカウント

    プラットフォームの考慮事項

    リソース


    通知の管理

    フォーカスとの統合

    ベストプラクティス

    買い物通知の送信

    プラットフォームの考慮事項

    リソース


    モダリティ

    ベストプラクティス

    リソース


    マルチタスク

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    ヘルプの提供

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    搭載

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    オーディオの再生

    ベストプラクティス

    中断の処理

    プラットフォームの考慮事項

    リソース


    触覚の再生

    ベストプラクティス

    カスタムの触覚

    プラットフォームの考慮事項

    リソース


    ビデオの再生

    ベストプラクティス

    TV アプリとの統合

    プラットフォームの考慮事項

    リソース


    印刷

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    格付けとレビュー

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    検索

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    設定

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    取り消しとやり直し

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    トレーニング

    ベストプラクティス

    プラットフォームの考慮事項

    リソース




    部品

    全ての部品


    コンテンツ

    グラフ

    イメージビュー

    テキストビュー

    Web ビュー


    レイアウトと構成

    ボックス

    コレクション

    コラムビュー

    開示コントロール

    ラベル

    リストと表

    ロックアップ

    アウトラインビュー

    スプリットビュー

    タブビュー

    メニューとアクション

    活動ビュー

    ボタン

    コンテキストメニュー

    ドックメニュー

    編集メニュー

    メニュー

    ポップアップボタン

    プルダウンボタン

    ツールバー


    ナビゲーションと検索

    ナビゲーションバー

    パスコントロール

    検索フィールド

    サイドバー

    タブバー

    トークンフィールド


    プレゼンテーション

    アクションシート

    アラート

    ページコントロール

    パネル

    ポップオーバー

    スクロールビュー

    シート

    ウィンドウ


    選択と入力

    カラーウェル

    コンボボックス

    数値入力ビュー

    イメージウェル

    スクリーン上のキーボード

    ピッカー

    セグメントコントロール

    スライダー

    ステッパー

    テキストフィールド

    トグル(切り替え)


    状態

    活動リング

    ゲージ

    レベルインジケータ

    進捗インジケータ

    格付けインジケータ

    システムの体験

    複雑化

    ホーム画面のクイックアクション

    ライブ活動

    メニューバー

    通知

    ステータスバー

    一番上の棚

    時計の文字盤

    ウィジェット




    入力

    概観


    アクションボタン

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース
  • 変更記録
  • Apple Pencil と落書き

  • ベストプラクティス
  • ホバー
  • ダブルタップ
  • 落書き

  • カスタムの描画
  • プラットフォームの考慮事項
  • リソース
  • 変更記録
  • デジタルの竜頭

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    焦点と選択

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース

  • ゲームコントローラ

  • ベストプラクティス
  • ボタン
  • プラットフォームの考慮事項
  • リソース

  • ジャイロスコープと加速度計

    ベストプラクティス

    プラットフォームの考慮事項

    リソース


    キーボード

  • ベストプラクティス
  • キーボードショートカット
  • カスタムキーボードショートカット
  • プラットフォームの考慮事項
  • 仕様
  • リソース

  • ポインティングデバイス

  • ベストプラクティス
  • プラットフォームの考慮事項
  • リソース

  • リモコン

  • ベストプラクティス
  • ジェスチャ
  • ボタン
  • 互換性のあるリモコン
  • プラットフォームの考慮事項
  • リソース

  • 空間的相互作用

  • ベストプラクティス
  • デバイスの使用法
  • プラットフォームの考慮事項
  • リソース

  • タッチバー

  • ジェスチャ
  • ベストプラクティス
  • インターフェイスアイコン
  • コントロールとビュー
  • プラットフォームの考慮事項
  • リソース

  • タッチスクリーンジェスチャ

  • ベストプラクティス
  • 標準的なジェスチャ
  • プラットフォームの考慮事項
  • リソース



  • プラットフォーム

    概観

    iOS 用デザイン

  • ベストプラクティス
  • リソース

  • iPadOS 用デザイン

  • ベストプラクティス
  • リソース

  • macOS 用デザイン

    ベストプラクティス

    リソース


    tvOS 用デザイン

    ベストプラクティス

    リソース


    watchOS 用デザイン

  • ベストプラクティス
  • リソース



  • テクノロジー

    全てのテクノロジー

    AirPlay

    序文

    アイコン

    編集者用

    常にオン

    アプリクリップ

    序文

    ユーザー体験

    アプリクリップカード

    アプリクリップのコード

    印刷ガイドライン

    法的要件


    Apple Pay

    序文

    Apple Pay の提供

    チェックアウトと支払い

    エラー処理

    サブスクリプションと寄付

    ボタンとマーク

    編集者用


    拡張現実

    CareKit

    序文

    データとプライバシー

    ビュー

    ユーザー体験

    シンボルとブランド化

    CarPlay

    序文

    アーキテクチャ

    操作

    視覚的デザイン

    アイコンとイメージ

    システム要素

    ゲームセンター

    序文

    アクセス・ポイント

    ダッシュボード

    成果

    リーダーボード

    多数のプレイヤー

    カスタムダッシュボードのリンク


    HealthKit

    HomeKit

    序文

    用語とレイアウト

    設定

    Siri の操作

    カスタム機能

    アイコン

    編集者用


    iCloud

    アプリ内購入

    ライブ写真

    Mac Catalyst

    序文

    iPad macOS

  • リソース

  • アプリの構造

    ユーザーの操作

    視覚的デザイン

    Mac の様式


    機械学習

    序文

    機械学習の役割

    明示的なフィードバック

    暗黙のフィードバック

    較正

    訂正

    間違い

    複数のオプション

    自信

    属性

    制限事項


    マップ

    序文

    Apple Watch のマップ

    屋内のマップ


    ビジネス向けメッセージ

    序文

    ブランド化

    ボタン

    ダークモード

    ロゴ

    メッセージバブルの内容

    スクリーンショット


    NFC

    写真編集

    ResearchKit

    SharePlay

    ShazamKit

    Apple でサインイン

    序文

    データ管理

    ボタン


    Siri

    序文

    システムの意図

    カスタムの意図

    ショートカットと提案

    編集者用


    タップして iPhone で支払う

    財布

    序文

    パスのデザイン

    注文追跡のデザイン









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ









    トップへ