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

Stripe Apps の状況の通知

ユーザーにアプリでのアクションの実行を案内する方法をご紹介します。

ページをコピー

特定のアクションの実行が必要な状況を示すことで、常にユーザーに情報を提供します。

はじめに

アプリを作成します。

推奨される使用法

  • トーストコンポーネントを使用して、ユーザーのアクション実行後に一時的なフィードバックを提供します。
  • バナーコンポーネントを使用して、予期しないシステムレベルの要求、変更、問題に対して対応する必要があることをユーザーに示します。以下に例を示します。
左側はダウンロードを示す緑色のチェックマークのトースト。右側は赤色のエラー通知。

例

メッセージの送信を選択する際は、以下の属性を考慮してください。

トーストBanner
「変更が保存されました」というテキストの緑色のチェックマークのトースト例 「新規更新」というテキストのバナー例

表示

一時的

トーストはいずれも、ユーザーのアクションによって表示されます。トーストは、短時間経過した後、またはアプリを閉じると、自動的に消えます。

永続的

バナーはいつでも配信できます。バナーを非表示にするにはアクションが必要です。

コンテンツ

テキスト長の制限

トーストのメッセージは、1 行に 4 語未満の短いメッセージにしてください。トーストの最大文字数は 30 文字 (日本語は 15 文字) です。

中程度から長めのメッセージ

バナーにはタイトルと本文が含まれます。バナーは、追加の詳細情報を提供する際に適しています。

アクション

オプション

関連するイベントにすぐに入れるように、ショートカットとして、ユーザーにアクションを提供します。

必須

必要なアクションを行うようにユーザーに通知します。

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