ホーム / ブログセンター / DocuSign API: 「送信者ビュー」(タグ付けビュー)をアプリケーションに埋め込む

DocuSign API: 「送信者ビュー」(タグ付けビュー)をアプリケーションに埋め込む

シュンファン
2026-02-11
3分
Twitter Facebook Linkedin

DocuSignのSender Viewをアプリケーションに埋め込む:実用的なガイド

デジタル契約が進化し続ける中で、DocuSignのような電子署名プラットフォームをカスタムアプリケーションに統合することは、ワークフローの合理化を目指す企業にとって重要な戦略となっています。Sender View(通常はTagging Viewと呼ばれる)は、DocuSign eSignature APIの重要なコンポーネントです。送信者は、埋め込みインターフェース内で、署名ブロック、日付スタンプ、テキスト入力などのフィールドにドキュメントをインタラクティブにタグ付けできます。この機能は、アプリケーションを離れることなくリアルタイムのドキュメント準備を可能にすることで、ユーザーエクスペリエンスを向上させ、契約管理プロセスにおける摩擦を軽減します。ビジネスの観点から見ると、このビューを埋め込むことで、特に大量の契約を処理するSaaSプロバイダーやエンタープライズソフトウェア開発者にとって、運用効率が向上します。

image


DocuSignまたはAdobe Signを使用した電子署名プラットフォームの比較?

eSignGlobalは、より柔軟で費用対効果の高い電子署名ソリューションを提供し、グローバルなコンプライアンス、透明性のある価格設定、およびより迅速なオンボーディングプロセスを備えています。

👉 無料トライアルを開始


DocuSign APIエコシステムにおけるSender Viewの理解

DocuSignのeSignature APIは、署名エクスペリエンスを自動化し、アプリケーションに埋め込むために開発者向けに設計されています。Sender Viewは、ユーザーがPDFまたはその他のファイルにタグを配置して、エンベロープ(DocuSignがドキュメントパッケージを指す用語)を準備するための作成インターフェースを指します。このビューは、署名、イニシャル、チェックボックス、ラジオボタンなどのフィールドのドラッグアンドドロップ機能をサポートし、米国のESIGNやUETAなどの法的基準への準拠を保証します。

ビジネスの観点から見ると、この統合は、カスタマイズ可能なドキュメントプロセスを必要とする不動産、金融、人事などの業界にアピールします。この技術を採用する企業は、手動エラーを減らし、取引サイクルを加速させることができ、業界のベンチマークによると、コンバージョン率を20〜30%向上させる可能性があります。ただし、実装には、予期せぬコストを回避するために、APIクォータと認証を慎重に検討する必要があります。

DocuSign APIを使用してSender Viewを埋め込むためのステップバイステップガイド

統合の前提条件

コードに入る前に、DocuSignの開発者アカウントを持っていることを確認してください。developer.docusign.comで無料のDeveloper Sandboxに登録してください。これにより、本番環境のコストなしで、サンドボックスの資格情報とAPIアクセスが提供されます。以下が必要になります。

  • APIトークン:OAuth 2.0で生成され、安全な認証に使用されます。
  • エンベロープ定義:ドキュメントと受信者の役割を概説するJSON構造。
  • SDKの選択:DocuSignは、Java、.NET、PHP、Node.jsなどの言語のSDKを提供し、呼び出しを簡素化します。

重要なAPIエンドポイント:eSignature REST API v2.1のEnvelopes:createメソッドを使用してエンベロープを開始し、次にViews:requestSenderエンドポイントを利用してSender View URLを生成します。

埋め込みプロセスの実装

  1. 認証とエンベロープの作成: まず、DocuSignのJWTまたは認証コード承認フローを使用してアプリケーションを認証します。認証後、APIを介してドキュメントをアップロードします。

    DocuSign SDKのNode.jsの例:

    const dsApi = new docusign.EsSignatureApi();
    const envelopeDefinition = new docusign.EnvelopeDefinition();
    envelopeDefinition.emailSubject = 'このドキュメントに署名してください';
    const document = new docusign.Document({
      documentBase64: Buffer.from(fs.readFileSync('path/to/document.pdf')).toString('base64'),
      name: 'サンプルドキュメント',
      fileExtension: 'pdf',
      documentId: '1'
    });
    envelopeDefinition.documents = [document];
    const results = yield dsApi.createEnvelope(accountId, { envelopeDefinition });
    const envelopeId = results.envelopeId;
    

    これにより、タグ付けの準備ができた下書きエンベロープが作成されます。

  2. Sender View URLの生成requestSenderビューを呼び出して、埋め込み可能なURLを取得します。このURLは、アプリケーションのiframeまたは新しいウィンドウでTagging Viewを開きます。

    const viewRequest = new docusign.ViewRequest({
      returnUrl: 'https://yourapp.com/callback',  // タグ付け後のリダイレクト
      userName: '送信者名',
      email: 'sender@example.com'
    });
    const senderView = yield dsApi.createSenderView(accountId, envelopeId, { viewRequest });
    const senderUrl = senderView.url;  // アプリケーションにこのURLを埋め込みます
    

    returnUrlパラメータは、タグ付け後に制御がアプリケーションに戻ることを保証します。この時点で、送信をトリガーできます。

  3. アプリケーションへの埋め込み: シームレスな統合を実現するには、iframeを使用してsenderUrlをロードします。アプリケーションUIがレスポンシブにそれをラップしていることを確認してください。

    HTMLの例:

    <iframe src="{senderUrl}" width="100%" height="800px" frameborder="0"></iframe>
    

    アカウント設定でDocuSignの許可されたオリジンを構成して、CORSを処理します。モバイルアプリケーションの場合は、ディープリンクまたはWebViewの埋め込みを検討してください。

  4. タグ付け後の操作の処理: タグ付け後、APIコールバックを使用すると、Envelopes:updateを使用してエンベロープを最終決定できます。受信者を追加し、Envelopes:sendで送信します。

    APIダッシュボードで使用状況を監視して、クォータ内に収まるようにします。Starterプランでは、月あたり約40個のエンベロープに制限されており、本番環境では拡張が必要です。

ベストプラクティスと潜在的な課題

  • セキュリティ:常にHTTPSを使用し、トークンを検証して不正アクセスを防ぎます。マルチユーザーアプリケーションの場合は、ロールベースのアクセス制御を実装します。
  • カスタマイズ:Tagging Viewは、アンカー(テキストベースの自動配置)とテンプレートをサポートして、フィールドを事前に入力し、ユーザーの労力を軽減します。
  • エラー処理:一般的な問題には、無効なドキュメント(たとえば、PDF形式ではない)やクォータの超過が含まれます。try-catchブロックとDocuSignのエラーコード(たとえば、400は無効なリクエストを示します)を使用します。
  • スケーラビリティ:高容量アプリケーションの場合は、バッチ送信をサポートする高度なAPIプラン(年間5,760ドル)を選択します。

このビューを埋め込む企業は、オンボーディングの高速化(設定時間が最大50%短縮)を報告していますが、APIコストとメリットを比較検討する必要があります。遅延がユーザーエクスペリエンスに影響を与える可能性があるアジア太平洋地域(APAC)では、国境を越えたパフォーマンスをテストすることが重要です。

image

DocuSignのより広範な製品スイートの概要

DocuSignのeSignatureプラットフォームは、APIを超えて拡張され、インテリジェント契約管理(IAM)および契約ライフサイクル管理(CLM)ツールが含まれます。IAMは、AI駆動の洞察を使用して契約プロセスを自動化し、CLMは、起草から更新までのエンドツーエンドの契約ワークフローを処理します。価格は、個人プランの月額10ドルから始まり、SSOや高度な分析などの機能を備えたカスタムエンタープライズレベルのパッケージに拡張されます。これらのツールはAPIとシームレスに統合され、Sender Viewの埋め込みを包括的なデジタルトランスフォーメーションの自然な拡張にします。

競争環境:電子署名プラットフォームの比較

競争の激しい電子署名市場では、DocuSignは強力なAPI機能でリードしていますが、Adobe Sign、eSignGlobal、HelloSignなどの代替手段は、価格設定、コンプライアンス、および地域的な焦点において異なる利点を提供します。以下は、API統合、価格設定、コンプライアンスサポートなどの主要な要素に基づいた中立的な比較です。

機能/プラットフォーム DocuSign Adobe Sign eSignGlobal HelloSign (Dropbox Sign)
API埋め込み(例:Sender/Tagging View) 高度:完全なSDK、バッチ送信、Webhooks;クォータは月あたり40個のエンベロープから開始 強力:埋め込み署名付きREST API;Adobeエコシステムとの統合 Proプランに含まれるもの:バッチ送信、埋め込みビュー用のAPI;無制限のユーザー 基本:シンプルな埋め込みAPI;使いやすさに重点を置いていますが、高度なタグ付けは制限されています
価格設定(エントリーレベルの年間) $120 (Personal, 1ユーザー, 月あたり5個のエンベロープ) $239.88 (Individual, 無制限のエンベロープ) $299 (Essential, 無制限のユーザー, 100個のエンベロープ) $180 (Essentials, 3ユーザー, 無制限のエンベロープ)
コンプライアンスの焦点 グローバル:ESIGN, eIDAS, GDPR;米国/EUで強力 グローバル:ESIGN, eIDAS;Adobeのエンタープライズセキュリティ 100+か国のコンプライアンス;iAM Smart/SingpassによるAPACの深さ 主に米国/EU:ESIGN, UETA;基本的な国際
ユーザー制限 シートライセンスごと より高いレベルで無制限 無制限のユーザー、シート料金なし Proで最大50ユーザー
追加機能(例:SMS/IDV) 従量課金:SMS、IDVは追加 Acrobatプランにバンドル 含まれるもの:SMS/WhatsApp;地域のID統合 基本的なSMS;高度なIDVなし
最適 エンタープライズオートメーション、高容量APIの使用 クリエイティブ/ドキュメント集約型のワークフロー APAC/地域のコンプライアンス、コストに敏感なチーム シンプルさを求めるSMB

この表は、トレードオフを強調しています。DocuSignは深さで優れていますが、ユーザーあたりのコストが高く、他のプラットフォームは柔軟性を優先しています。

代替としてのAdobe Signの探索

Adobe SignはAdobe Document Cloudの一部であり、PDFツールおよびクリエイティブスイートとのシームレスな統合を強調しています。そのAPIは、DocuSign Sender Viewと同様の埋め込み作成ビューをサポートしており、開発者はREST呼び出しを介してドキュメントにタグを付けることができます。価格設定は、無制限のエンベロープに対して競争力があり、ユーザーあたり月額約20ドルから始まり、モバイル署名や分析などの強力なエンタープライズ機能を備えています。企業または法務部門の企業は、ネイティブのAdobe Acrobat互換性があるため、これを選択することがよくありますが、APIクォータは非常に高容量のアプリケーションでは制限される可能性があります。

image

eSignGlobalに焦点を当てる:地域の競争相手

eSignGlobalは、100を超える主要な国と地域で電子署名をサポートする、グローバルなコンプライアンスを備えた電子署名プロバイダーとして位置付けています。特に、電子署名規制が断片的で、高水準で、厳しく規制されているアジア太平洋地域(APAC)で強みを発揮しています。米国(ESIGN)およびEU(eIDAS)のフレームワークのような標準とは異なり、後者は広範なガイドラインに依存しており、APAC標準は「エコシステム統合」アプローチを強調しています。これには、企業に対する政府(G2B)のデジタルIDとの深いハードウェアおよびAPIレベルの統合が必要であり、その技術的なハードルは、西洋で一般的な電子メール検証または自己申告の方法をはるかに超えています。

eSignGlobalは、香港のiAM SmartやシンガポールのSingpassなどのネイティブ統合を通じてこれらの課題に対処し、追加のアドオンなしで法的有効性を保証します。その価格設定は競合他社よりもわずかに低くなっています。Essentialプランは月額16.6ドル(年間199ドルに相当しますが、完全な機能は299ドルとしてリストされています)で、最大100個の電子署名ドキュメント、無制限のユーザーシート、およびアクセスコード検証を許可します。これらはすべてコンプライアンスの基盤に基づいています。これにより、国境を越えた遅延とデータ常駐の問題がグローバルな巨人を悩ませているAPACで拡大しているチームにとって、非常に費用対効果が高くなります。

esignglobal HK


DocuSignよりもスマートな代替手段をお探しですか?

eSignGlobalは、より柔軟で費用対効果の高い電子署名ソリューションを提供し、グローバルなコンプライアンス、透明性のある価格設定、およびより迅速なオンボーディングプロセスを備えています。

👉 無料トライアルを開始


HelloSignおよびその他の参加者

現在Dropboxの一部であるHelloSignは、中小企業に適した、シンプルなタグ付けインターフェースを埋め込むためのユーザーフレンドリーなAPIを提供しています。その強みは、低価格(月額15ドル/ユーザー)で無制限のエンベロープですが、DocuSignの高度な条件ロジックはありません。PandaDocなどの他の競合他社は、純粋な電子署名よりも提案に重点を置いており、SignNowはEUコンプライアンスのための手頃な価格のAPIアクセスを提供しています。

正しいプラットフォームを選択するための最終的な考察

Sender ViewなどのAPI駆動の埋め込みを優先する企業にとって、DocuSignはその成熟度とエコシステムにより、依然として信頼できる選択肢です。ただし、地域のニーズが高まるにつれて(特に規制された市場で)、代替手段が際立っています。地域固有のコンプライアンスについては、eSignGlobalが中立的で実行可能なDocuSignの代替手段として台頭し、バランスの取れた機能と競争力のある価格を提供しています。容量、地理的な場所、および統合の深さを評価して、ROIを最適化します。

avatar
シュンファン
eSignGlobalのプロダクトマネジメント責任者であり、電子署名業界で豊富な国際経験を持つベテランリーダーです。 LinkedInでフォロー
法的に拘束力のある電子署名を今すぐ取得!
30日間無料全機能トライアル
ビジネスメール
始める
tip ビジネスメールのみ許可