> ## Documentation Index
> Fetch the complete documentation index at: https://translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# iOSアプリケーション用Universal Components

> iOSアプリケーション用のAuth0 Universal Componentsをインストールして設定する方法を説明します。

export const ReleaseStageNotice = ({feature, stage, plans, contact, terms}) => {
  const stageTextMap = {
    "beta": "Beta",
    "ea": "早期アクセス"
  };
  const stageText = stageTextMap[stage] || "製品リリース段階";
  const prsLink = "/docs/troubleshoot/product-lifecycle/product-release-stages";
  const linkify = (text, url) => {
    return <a href={url} target="_blank" rel="noreferrer" class="link">{text}</a>;
  };
  const includeDetails = (plans, contact, terms) => {
    const hasDetails = terms || plans || contact;
    if (!hasDetails) return null;
    return <span data-as="p">
            {plans && <>この機能は{linkify(`${plans}プラン`, "https://auth0.com/pricing")}でご利用いただけます。 </>}
            {contact && "参加をご希望の場合は、" + contact + "までお問い合わせください。 "}
            {terms && <>この機能を使用することにより、Oktaの該当する無料トライアル規約および{linkify("Master Subscription Agreement", "https://www.okta.com/legal")}に同意したものとみなされます。</>}
        </span>;
  };
  return <Warning>
            <span data-as="p">
                <strong>{feature}機能は現在、{linkify(stageText, prsLink)}です。</strong>
            </span>

            {includeDetails(plans, contact, terms)}
        </Warning>;
};

<ReleaseStageNotice feature="Auth0 Universal Components" stage="beta" terms="true" contact="Auth0 Support" />

Auth0 [iOS 向け Universal Components](https://github.com/auth0/ui-components-ios) SDK は、[SwiftUI](https://developer.apple.com/swiftui) を使用した Auth0 のアイデンティティフロー用の、あらかじめ構築された埋め込み可能な UI を提供します。

iOS 向け Universal Components は [Auth0 Swift SDK](https://github.com/auth0/Auth0.swift) 上に構築されており、[My Account APIs](/docs/ja-jp/manage-users/my-account-api) と統合されています。

<div id="prerequisites">
  ## 前提条件
</div>

iOS 向け Universal Components を設定するには、以下が必要です。

* オペレーティングシステム: **iOS 16.0+**
* プログラミング言語: **Swift 5+** (6 推奨) 、**Xcode 16+** (26+ 推奨)

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  Auth0 の[パスキー](/docs/ja-jp/authenticate/database-connections/passkeys)をサポートするには、**iOS 16.6+** が必要です。
</Callout>

<div id="install-the-sdk">
  ## SDKをインストールする
</div>

iOS 向け Universal Components SDK は、[Swift Package Manager](https://swift.org/package-manager/)および[Carthage](https://github.com/Carthage/Carthage)を通じて、`Auth0UniversalComponents`パッケージとして配布されています。

<div id="swift-package-manager">
  ### Swift Package Manager
</div>

Auth0 では、SDK のインストールに Swift Package Manager を使用することを推奨しています。

1. [**Xcode**](https://developer.apple.com/documentation/xcode) を開きます。

2. **File > Add Package Dependencies** を選択します。

3. 次のリポジトリ URL を追加します。

   ```text theme={null}
   https://github.com/auth0/ui-components-ios.git
   ```

4. バージョン `1.0.0-beta.0` 以降を選択します。

5. アプリケーションのターゲットに `Auth0UniversalComponents` を追加します。

<div id="carthage">
  ### Carthage
</div>

[Carthage](https://github.com/Carthage/Carthage)依存関係マネージャーを使用している場合：

1. Cartfileに以下を追加します。

   ```text theme={null}
   github "auth0/ui-components-ios" ~> 1.0.0
   ```

2. 次のコマンドを実行します。

   ```bash theme={null}
   carthage bootstrap --platform iOS --use-xcframeworks
   ```

<div id="verify-the-sdk-installation">
  ### SDK のインストールを確認する
</div>

iOS 向け Universal Components SDK が正しくインストールされていることを確認するには、Swift ファイルで `Auth0UniversalComponents` モジュールを import し、framework が解決されることを確認します。

```swift wrap lines theme={null}
import Auth0UniversalComponents
```

<div id="sample-application">
  ## サンプルアプリケーション
</div>

iOS 向け Universal Components のサンプルアプリケーション [`AppUIComponents`](https://github.com/auth0/ui-components-ios/tree/main/AppUIComponents) は、GitHub で確認できます。

このサンプルアプリケーションには、SDK 初期化のメイン SwiftUI エントリポイントである `AppUIComponentsApp.swift` と、カスタム Theme の注入および runtime の切り替えを処理する `ThemeManager.swift` が含まれています。

<div id="next-steps">
  ## 次のステップ
</div>

<CardGroup cols={2}>
  <Card title="スタイルとテーマをカスタマイズ" icon="palette" href="/docs/ja-jp/get-started/universal-components/ios/ios-theming">
    Auth0 のデザイントークンシステムを使用して、色、タイポグラフィ、間隔、角丸、サイズのトークンをオーバーライドします。
  </Card>

  <Card title="セルフサービスのアカウントセキュリティ画面を構築" icon="key" href="/docs/ja-jp/get-started/universal-components/ios/components/my-account-overview">
    Auth0 テナントを準備し、SDK を初期化して、認証方法管理 UI をレンダリングします。
  </Card>
</CardGroup>