# Stripe Apps の設計パターン

推奨される設計パターンに従うと、Stripe のアプリの審査を迅速化することができます。

パターンは、アプリの設計の基礎として機能します。パターンは、コンポーネントの組み合わせとして考えてください。たとえば、**スピナー**とその他の各コンポーネントを組み合わせて**読み込み画面**を作成します。新しいコンポーネントができると、この画面にガイダンスが追加されます。アプリを設計する際、これらのパターンを使用して、一貫性があり、わかりやすく、拡張して機能するようにしてください。

## アカウント登録

- [アカウント登録](https://docs.stripe.com/stripe-apps/patterns/onboarding-experience.md): 安全で直感的なアカウント登録フローを提供します。
- [サインイン](https://docs.stripe.com/stripe-apps/patterns/sign-in.md): アカウント登録フローの最初のステップとして、この推奨されるサインインまたは登録のテンプレートを使用します。
- [設定のサインイン](https://docs.stripe.com/stripe-apps/patterns/settings-signin.md): バックエンド専用アプリを構築する場合は、ユーザーの Stripe 設定の一部としてアカウント登録フローを構築します。
- [デモ用のコンテンツ](https://docs.stripe.com/stripe-apps/patterns/demo.md): デモ用のコンテンツを表示する場合、このパターンに従って、アプリが提供する主要機能を強調表示します。
- [追加のコンテキスト](https://docs.stripe.com/stripe-apps/patterns/additional-context.md): 追加のコンテキストをユーザーに表示する場合は、別の画面で専用のスペースを使用します。
- [Stripe へのリダイレクト](https://docs.stripe.com/stripe-apps/patterns/redirects.md): ユーザーがアカウント登録フローを完了する際に新しいタブを開く必要がある場合、このパターンを使用して、Stripe に戻る明確な方法を示します。
- [サインアウト](https://docs.stripe.com/stripe-apps/patterns/sign-out.md): アプリからのサインアウト時に明確で汎用的なフローをユーザーに提供するには、このパターンを使用します。

## ユーザーのアクション

- [戻るリンク](https://docs.stripe.com/stripe-apps/patterns/back-link.md): ユーザーが前のページに移動できるようにするには、このパターンを使用します。
- [アクションボタン](https://docs.stripe.com/stripe-apps/patterns/action-buttons.md): ユーザーが実行する必要がある重要なアクションを強調するには、このパターンを使用します。

## ステータス

- [通信状況](https://docs.stripe.com/stripe-apps/patterns/communicating-state.md): ユーザーへのリクエストのステータスを明確に示す場合は、このパターンを使用します。
- [空の状態](https://docs.stripe.com/stripe-apps/patterns/empty-state.md): 読み込み可能なデータがないことをユーザーが把握できるようにするには、このパターンを使用します。
- [読み込み](https://docs.stripe.com/stripe-apps/patterns/loading.md): データのダウンロード中であることをユーザーが把握できるようにするには、このパターンを使用します。
- [ステップごとの進捗](https://docs.stripe.com/stripe-apps/patterns/progress-stepping.md): ユーザーが特定のタスクの進捗状況の詳細を追跡できるようにするには、このパターンを使用します。
- [待機画面](https://docs.stripe.com/stripe-apps/patterns/waiting-screens.md): ユーザーが Stripe に接続していることを明確に把握できるようにするには、このパターンを使用します。

## レイアウト

- [リスト](https://docs.stripe.com/stripe-apps/patterns/lists.md): 情報をリストとして整理するには、このパターンを使用します。