# Payment Element と Card Element の比較

決済機能の実装に適した Element を選択します。

> Card Element はレガシーの実装であり、Payment Element に比べて機能が大幅に少ないです。カード支払いを含むあらゆる種類の決済を受け付けるには、Stripe Payment Element を使用することを強くお勧めします。

以前は、支払い方法 ([カード](https://docs.stripe.com/payments/cards.md)、[iDEAL](https://docs.stripe.com/payments/ideal.md) など) ごとに個別の Element を組み込む必要がありました。[Payment Element](https://docs.stripe.com/payments/payment-element.md) を使用して、カードやカード以外の決済手段を併用するなど、1 つまたは複数の決済手段による決済を受け付けられるようになりました。

Payment Element の導入作業は Card Element の場合と同様であり、共通するすべての決済フローがサポートされます。Payment Element では、[Google Pay](https://docs.stripe.com/google-pay.md) や [Apple Pay](https://docs.stripe.com/apple-pay.md) など、その他の決済手段にも即座にアクセスできます。より多くの[決済手段](https://docs.stripe.com/payments/payment-methods/overview.md)を受け付けることで、事業のグローバル展開が進み、購入完了率が向上します。

さらに、Stripe では数百万件の取引から得られたデータに基づいて、Payment Element とその UI の開発と改善を続けています。

すでに [Card Element](https://docs.stripe.com/js/element/other_element?type=card) を使用している場合は、Stripe の[移行ガイド](https://docs.stripe.com/payments/payment-element/migration.md)に従って [Payment Element](https://docs.stripe.com/js/element/payment_element) に移行し、Stripe 導入を最新の状態に保つようにしてください。

## コア機能

| 機能             | カード Element   | Payment Element           |
| -------------- | ------------- | ------------------------- |
| カード支払い         | ✓ サポート対象      | ✓ サポート対象                  |
| カードの検証         | ⚠ サポート対象 基本   | ✓ サポート対象 拡張               |
| クレジットカード形式     | ✓ サポート対象      | ✓ サポート対象 ユーザー体験の向上        |
| クレジットカードブランド検出 | ✓ サポート対象      | ✓ サポート対象ビジュアルの改善          |
| クレジットカードブランド検出 | ✓ オプション オプション | ✓ オプション ユーザー体験の向上を伴うオプション |

## メンテナンスと更新

| 機能         | カード Element       | Payment Element |
| ---------- | ----------------- | --------------- |
| 開発中        | ❌ レガシーメンテナンスのみ    | ✓ サポート対象        |
| 自動更新       | ⚠ Limited Limited | ✓ サポート対象 包括的    |
| 決済手段の要件の更新 | ⚠ 手動 手動           | ✓ Automatic 自動  |

## 決済手段のサポート

| 機能                                                                                   | カード Element | Payment Element     |
| ------------------------------------------------------------------------------------ | ----------- | ------------------- |
| [クレジットカード/デビットカード](https://docs.stripe.com/payments/cards.md)                        | ✓ サポート対象    | ✓ サポート対象            |
| [デジタルウォレット](https://docs.stripe.com/payments/wallets.md) (Apple Pay や Google Pay など) | ❌ サポート対象外   | ✓ サポート対象            |
| [口座振替](https://docs.stripe.com/payments/bank-debits.md) (ACH や SEPA など)              | ❌ サポート対象外   | ✓ サポート対象            |
| [後払い](https://docs.stripe.com/payments/buy-now-pay-later.md)                         | ❌ サポート対象外   | ✓ サポート対象            |
| 現地の支払い方法                                                                             | ❌ サポート対象外   | ✓ サポート対象100 以上のメソッド |
| [Link](https://docs.stripe.com/payments/link.md) (Stripe 提供)                         | ✓ サポート対象    | ✓ サポート対象 拡張機能       |
| [Link](https://docs.stripe.com/payments/link.md) (Stripe 提供、複数の資金調達元)                | ❌ サポート対象外   | ✓ サポート対象 拡張機能       |

## ユーザー体験

| 機能         | カード Element       | Payment Element                                                                     |
| ---------- | ----------------- | ----------------------------------------------------------------------------------- |
| 外観のカスタマイズ  | ⚠ Limited Limited | ✓ サポート対象 [Appearance API](https://docs.stripe.com/elements/appearance-api.md) をサポート |
| レスポンシブデザイン | ⚠ サポート対象 基本       | ✓ サポート対象 拡張                                                                         |
| アクセシビリティ機能 | ⚠ Limited Limited | ✓ サポート対象 最適化                                                                        |
| エラーメッセージ   | ⚠ サポート対象 基本       | ✓ サポート対象 強化されたガイダンス                                                                 |
| 国際化        | ⚠ Limited Limited | ✓ サポート対象 包括的                                                                        |
| 動的なフィールド検証 | ⚠ サポート対象 基本       | ✓ サポート対象 リアルタイム検証の強化                                                                |
| オートフィル     | ⚠ サポート対象 基本       | ✓ サポート対象 拡張                                                                         |

## 高度な機能

| 機能                                                                                         | カード Element | Payment Element |
| ------------------------------------------------------------------------------------------ | ----------- | --------------- |
| [動的な支払い方法](https://docs.stripe.com/payments/payment-methods/dynamic-payment-methods.md)    | ❌ サポート対象外   | ✓ サポート対象        |
| 保存済み決済手段の表示                                                                                | ❌ サポート対象外   | ✓ サポート対象        |
| [高度な不正利用シグナル検出](https://docs.stripe.com/radar/optimize-fraud-signals.md#important-signals) | ❌ サポート対象外   | ✓ サポート対象        |
| [3D セキュアの処理](https://docs.stripe.com/payments/3d-secure.md)                                | ⚠ サポート対象 基本 | ✓ サポート対象 拡張     |
| [SCA 法令遵守](https://docs.stripe.com/strong-customer-authentication.md)                      | ⚠ サポート対象 基本 | ✓ サポート対象 拡張     |
| 決済手段のルール                                                                                   | ❌ サポート対象外   | ✓ サポート対象        |
| A/B テスト                                                                                    | ❌ サポート対象外   | ✓ サポート対象        |

## 導入と開発

| 機能                                                    | カード Element           | Payment Element       |
| ----------------------------------------------------- | --------------------- | --------------------- |
| 連携が複雑                                                 | :circle: Moderate 中程度 | :circle: Moderate 中程度 |
| ダッシュボード設定                                             | ⚠ Limited Limited     | ✓ サポート対象 広範囲          |
| サーバー側での確定                                             | ✓ サポート対象              | ✓ サポート対象              |
| クライアント側での確定                                           | ✓ サポート対象              | ✓ サポート対象              |
| 今後の使用状況の設定                                            | ✓ サポート対象              | ✓ サポート対象 拡張オプション      |
| [サブスクリプション](https://docs.stripe.com/subscriptions.md) | ✓ サポート対象              | ✓ サポート対象 拡張オプション      |
| [Webhook](https://docs.stripe.com/webhooks.md) の処理    | ✓ サポート対象              | ✓ サポート対象              |
| テストツール                                                | ⚠ サポート対象 基本           | ✓ サポート対象 拡張           |

## パフォーマンスとセキュリティ

| 機能                                                  | カード Element | Payment Element |
| --------------------------------------------------- | ----------- | --------------- |
| [PCI 準拠](https://docs.stripe.com/security/guide.md) | ✓ サポート対象    | ✓ サポート対象        |
| パフォーマンスの最適化                                         | ⚠ サポート対象 基本 | ✓ サポート対象 拡張     |
| 不正利用防止                                              | ⚠ サポート対象 基本 | ✓ サポート対象 拡張     |
| リスク評価                                               | ⚠ サポート対象 基本 | ✓ サポート対象 拡張     |