App Clipの新機能

App Clipの最新アップデートをご確認ください。デフォルトのApp Clipリンクを使用して、より簡単にApp Clipを構築する方法をご紹介します。App Clipのサイズ制限の拡張を利用して、よりリッチで魅力的な体験を構築する方法や、アプリからApp Clipを直接起動する方法をご紹介します。

リソース

関連ビデオ

WWDC20

App Clipを設定し、リンクする

ダウンロード

♪ ♪

Kevin: こんにちはようこそ Kevinです App Clip Teamのエンジニアです App Clipはアプリのライトバージョンでしてダウンロードやインストールをせずにユーザーはアプリ機能を試すことができます

ユーザーはデバイス上のリンクからシステム全体でApp Clipを見つけられますメッセージやマップの注目ポイント SafariおよびSafari View Controller スポットライト検索などからですまた App Clipコードや QRコードやNFCタグをスキャンして実世界でApp Clipを発見することもできます

App Clip体験に 3つの新しい改善を加えました新しいサイズ制限デフォルトのApp Clipリンクを使用して App Clipを設定する新しい方法そしてアプリからApp Clipを直接呼び出す機能ですまず新しいサイズ制限についてです特に移動中にNFCタグや App ClipコードまたはQRコードから App Clipを呼び出すユーザーをターゲットにする場合 App Clipは瞬時に体験できるように小さくする必要がありますしかしゲームのデモやオンライン注文の体験などユーザーが高速ホームネットワーク上にいる可能性がある場合 App Clipにはほかにも様々なユースケースがあります App Clipの体験を拡大するため iOS 17ではデジタルな方法での呼び出しの新しいサイズ制限が50 MBに設定されたことをお知らせできてうれしいです自由に使える容量が増えることで更にリッチなApp Clip体験が構築可能です NFCタグやApp Clipコードなど物理的な呼び出しを利用したい場合は iOS 16で導入された 15MBの制限を守る必要があります外出する可能性が高いユーザーに高速なユーザー体験を保証するためです

サイズ制限が拡大したことでより多くの機能を App Clipに搭載できます App Clipの実行中に追加のアセットをダウンロードすることがあります新しいサイズ制限ではこれらのリソースをより多くバンドルしてローンチ時のイマーシブ感を高めることを検討してください

iOS 15以前をターゲットにする場合は元の10MBの制限が適用されます新しいサイズ制限を使ってどんな豊かな App Clip体験が生み出されるかとても楽しみです次にデフォルトの App Clipリンクについて App Clipの呼び出しはユニバーサルリンクによって行われます誰かがApp Clipとインタラクションするときみなさんの実装によって様々な体験を提供できます

App Clipの多くは単一の App Clip体験しか必要としませんこれはデフォルトのApp Clip体験であり最も一般的なユースケースでアプリのコア機能を包含する必要があります

デフォルトのエクスペリエンスを iOSで認識できるようにするには関連するメタデータをホストするWebサイトを提供し SafariがApp Clipを認識してそのWebサイトのURLから呼び出せるようにする必要があります例えば Backyard BirdsのデフォルトのApp Clip体験はこのURLで呼び出すことができます

App Clip体験の設定について詳しくは WWDC 2020の「App Clipを設定し、リンクする」をご確認くださいデフォルトのApp ClipリンクはデフォルトのApp Clip体験を呼び出す新しい方法ですこれはApp Store Connectで App Clipを公開するときに Appleが自動的に作成するURLですデフォルトのApp Clipリンクはご自身で特別な設定をすることなくデフォルトの体験を呼び出す方法を提供し iOS 16.4からサポートされています

すべてのリンクドメインは appclip.apple.comで App ClipのバンドルIDが URLパラメータとして含まれますデフォルトのApp ClipリンクURLにアプリ固有のパラメータを追加して起動時にApp Clipで取得することも可能です例えばゲームのデモのための App Clipではユーザーをどのキャラクターからスタートさせるかパラメータで指定できます

この場合ほかの App Clip呼び出しと同様に起動時にApp Clipに与えられる NSUserActivityから WebページのURLを取得します WebページのURLを取得したら NSURLComponentsを使用して関連するクエリアイテムを解析できますデフォルトのApp Clipリンクの使用で App Clipをこれまで以上に簡単に立ち上げることができます最後にどのアプリからでも App Clipを起動できるようになりましたシステムの様々な場所からApp Clipを起動できる機能はユーザーに好評でした iOS 17では同様の素晴らしい機能をアプリにも直接使えるようになりました例えばメッセージングアプリやナビゲーションアプリを選択したまま料理を注文することができます

アプリからApp Clipを呼び出すのは簡単です Link Presentation APIを使って App Clipのタップ可能なリッチプレビューを生成しそれを呼び出すことができます LPMetadaProviderリクエストでメタデータを取得したらそれをLPLinkViewに渡してプレビューをレンダリングしますアプリから呼び出したい体験がデフォルトのApp Clipリンクを使用する場合それを直接呼び出せます SwiftUIでは単純にLinkビューを使用するか UIApplicationのopenで呼び出すことができますどのように機能するかイメージを伝えるため例としてメモを使用しますここからすぐにBackyard Birdsの App Clipを呼び出せます Backyard Birdsへのリンクを貼っておくとタップするだけでApp Clipカードがすぐに表示され Safariや Safari View Controllerを介さず App Clipに直接ジャンプできます

このリンク動作はどのアプリからもどのApp Clipへも適用されますみなさんのアプリでどのような App Clip体験ができるか楽しみですねデジタルな呼び出しのサイズ制限を増やしてさらにリッチで拡張性のある App Clip体験を構築しましょう

デフォルトのApp Clipリンクを使用して App Clipを以前よりもすばやく立ち上げて実行できます Webエンドポイントの調整に時間をかけずに App Clipの優れた体験をカスタマーに提供できますまたアプリ内からApp Clipを直接呼び出すこともできますご視聴ありがとうございましたどのような体験を創られるか楽しみです ♪ ♪

3:53 - Parsing URL parameters as components

ContentView(parameters: $parameters)
    .onContinueUserActivity(NSUserActivityTypeBrowsingWeb, perform: { userActivity in
        guard let inputURL = userActivity.webpageURL else {
            return
        }

        let components = NSURLComponents(url: inputURL, resolvingAgainstBaseURL: true)
        guard let parameters = components?.queryItems else {
            return
        }

        self.parameters = parameters
    }

4:39 - Providing metadata to an LPLinkView

let provider = LPMetadataProvider()

provider.startFetchingMetadata(for: url) { (metadata, error) in
    guard let metadata = metadata else {
        return
    }

    DispatchQueue.main.async {
        lpView.metadata = metadata
    }
}

5:00 - Launching App Clips from a SwiftUI app

var body: some View {
    let appClipURL = URL(
        string: "https://appclip.apple.com/id?p=com.example.naturelab.backyardbirds.Clip"
    )!

    Link("Backyard Birds", destination: appClipURL)
}

5:11 - Launching App Clips with UIApplication

func launchAppClip() {
    let appClipURL = URL(
        string: "https://appclip.apple.com/id?p=com.example.naturelab.backyardbirds.Clip"
    )!

    UIApplication.shared.open(appClipURL)
}

特定のトピックをお探しの場合は、上にトピックを入力すると、関連するトピックにすばやく移動できます。

App Clipの新機能

関連する章

リソース

関連ビデオ

WWDC20