コンテンツにスキップ
アカウントを作成
または
サインイン
Stripe ドキュメントのロゴ
/
AI に質問する
アカウントを作成
サインイン
始める
支払い
財務の自動化
プラットフォームおよびマーケットプレイス
資金管理
開発者向けのツール
始める
支払い
財務の自動化
始める
支払い
財務の自動化
プラットフォームおよびマーケットプレイス
資金管理
概要
バージョン管理
変更ログ
API バージョンのアップグレード
SDK バージョンをアップグレードする
開発者向けのツール
SDK
API
テスト
ワークベンチ
イベントの送信先
ワークフロー
Stripe CLI
Stripe Shell
開発者ダッシュボード
エージェントツールキット
LLM を使用した構築Visual Studio Code をご利用の場合Stripe 健全性アラートファイルのアップロード
Security and privacy
セキュリティ
プライバシー
Stripe を拡張する
Stripe Apps
    概要
    始める
    アプリを作成する
    Stripe アプリの仕組み
    サンプルアプリ
    アプリを構築する
    シークレットを保存
    API 認証方法
    認証フロー
    サーバー側のロジック
    イベントのリッスン
    さまざまな環境を処理
    サンドボックスのサポートを有効にする
    アプリの設定ページ
    UI を構築する
    アカウント登録
    アプリを配布する
    配布オプション
    アプリをアップロード
    バージョンとリリース
    アプリをテストする
    アプリを公開する
    自分のアプリを宣伝する
    ディープリンクを追加する
    インストールリンクを作成
    UI 拡張機能で役割を割り当て
    インストール後のアクション
    アプリのアナリティクス
    アプリの埋め込みコンポーネント
    サードパーティーの Stripe アプリを埋め込む
    Stripe Apps に移行
    拡張機能を移行または構築
    Stripe Apps または Stripe Connect にプラグインを移行
    参照情報
    アプリマニフェスト
    CLI
    拡張 SDK
    権限
    ビューポート
    設計パターン
      アクションボタン
      本番環境利用の申請フロー
      追加のコンテキスト
      戻るリンク
      通信状況
      デモ用のコンテンツ
      空の状態
      リスト
      読み込み中
      進捗ステップ
      リダイレクト
      設定のサインイン
      サインインテンプレート
      サインアウト
      待機画面
    コンポーネント
Stripe のコネクター
パートナー
Partner Ecosystem
パートナー認定
ホーム開発者向けのツールStripe Apps

Stripe Apps の設計パターン

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

ページをコピー

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

アカウント登録

本番環境利用の申請フロー

分かりやすく、安全で直観的なサインインまたは登録のフローをユーザーに提供します。

サインイン

アカウント登録フローの最初のステップとして、この推奨されるサインインまたは登録のテンプレートを使用します。

設定のサインイン

バックエンド専用アプリを構築する場合は、ユーザーの Stripe 設定の一部としてアカウント登録フローを構築します。

デモ用のコンテンツ

デモ用のコンテンツを表示する場合、このパターンに従って、アプリが提供する主要機能を強調表示します。

追加のコンテキスト

追加のコンテキストをユーザーに表示する場合は、別の画面で専用のスペースを使用します。

Stripe へのリダイレクト

ユーザーがアカウント登録フローを完了する際に新しいタブを開く必要がある場合、このパターンを使用して、Stripe に戻る明確な方法を示します。

サインアウト

アプリからのサインアウト時に明確で汎用的なフローをユーザーに提供するには、このパターンを使用します。

ユーザーのアクション

戻るリンク

ユーザーが前のページに移動できるようにするには、このパターンを使用します。

アクションボタン

ユーザーが実行する必要がある重要なアクションを強調するには、このパターンを使用します。

ステータス

通信状況

ユーザーへのリクエストのステータスを明確に示す場合は、このパターンを使用します。

空の状態

読み込み可能なデータがないことをユーザーが把握できるようにするには、このパターンを使用します。

読み込み

データのダウンロード中であることをユーザーが把握できるようにするには、このパターンを使用します。

ステップごとの進捗

ユーザーが特定のタスクの進捗状況の詳細を追跡できるようにするには、このパターンを使用します。

待機画面

ユーザーが Stripe に接続していることを明確に把握できるようにするには、このパターンを使用します。

レイアウト

リスト

情報をリストとして整理するには、このパターンを使用します。

このページはお役に立ちましたか。
はいいいえ
お困りのことがございましたら 、サポートにお問い合わせください。
早期アクセスプログラムにご参加ください。
変更ログをご覧ください。
ご不明な点がございましたら、お問い合わせください。
LLM ですか?llms.txt を読んでください。
Powered by Markdoc