ホーム / ブログセンター / カスタムアプリケーションでDocuSign埋め込み署名を実装する方法

カスタムアプリケーションでDocuSign埋め込み署名を実装する方法

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

カスタムアプリケーション向けの DocuSign 埋め込み署名の理解

デジタル変革が進化し続ける状況において、電子署名はビジネスプロセスを合理化するための必需品となっています。DocuSign の埋め込み署名機能を使用すると、開発者はシームレスな署名エクスペリエンスをカスタムアプリケーションに直接統合でき、ユーザーがプラットフォームを離れる必要はありません。このアプローチは、特に SaaS 製品、CRM システム、または内部ワークフローにおいて、ユーザーの定着率と運用効率を向上させます。ビジネスの観点から見ると、このような統合を実現することで、販売サイクルにおける摩擦を軽減し、金融や不動産などのコンプライアンスが重視される業界で役立ちます。

image


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

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

👉 無料トライアルを開始


DocuSign 埋め込み署名の段階的な実装

DocuSign 埋め込み署名を実装するには、開発者アカウント、API アクセス、および基本的なプログラミング知識が必要です。この機能は、DocuSign の eSignature API を利用して、署名式をアプリケーションの iframe またはモーダルボックスに埋め込み、ネイティブエクスペリエンスを保証します。企業は通常、ユーザーを外部ポータルにリダイレクトすると離脱につながる可能性のある、トランザクション量の多いアプリケーションにこれを使用します。以下は、DocuSign の公式開発者リソースに基づいた実用的なガイドです。

前提条件と設定

まず、developer.docusign.com で DocuSign 開発者アカウントを作成します。このサンドボックス環境では、無料でテストできます。API 認証情報(統合キー(クライアント ID)、シークレットキー、アカウント ID)を取得します。本番環境では、DocuSign の承認プロセスを通じて統合を認証する必要があります。これには通常 1〜2 週間かかり、DocuSign の条件に準拠していることを確認します。

次に、技術スタックを選択します。DocuSign は、JavaScript(Web アプリケーション用)、.NET、Java、Python、PHP などの複数の言語の SDK をサポートしています。カスタム Web アプリケーションの場合、JavaScript SDK は、React や Angular などのフロントエンドフレームワークとの使いやすさから理想的です。npm を使用して SDK をインストールします:npm install docusign-esign

ビジネスの観点から見ると、この設定は DocuSign の API 価格層と一致しています。Starter プランは年間 600 ドルからで、月あたり 40 通のエンベロープが含まれています。これにより、成長中のアプリケーションに適していますが、トランザクション量の多いユーザーにとってはコストが高くなる可能性があります。

エンベロープと受信者トークンの生成

埋め込み署名の中心となるのは、「エンベロープ」(ドキュメントと署名操作のコンテナ)を作成し、安全なアクセスを可能にする受信者トークンを生成することです。

  1. ドキュメントのアップロードと準備:API を使用して、PDF またはその他のサポートされているファイルをアップロードします。OAuth 2.0 で認証します(サーバーサイドアプリケーションには JWT Grant を推奨)。以下は、簡略化された Node.js の例です。

    const dsApi = require('docusign-esign');
    const apiClient = new dsApi.ApiClient();
    apiClient.setBasePath('https://demo.docusign.net/restapi'); // Sandbox URL
    apiClient.addDefaultHeader('Authorization', 'Bearer ' + accessToken);
    
    const envelopesApi = new dsApi.EnvelopesApi(apiClient);
    const document = new dsApi.Document({
      documentBase64: Buffer.from(fs.readFileSync('path/to/document.pdf')).toString('base64'),
      name: 'Contract.pdf',
      fileExtension: 'pdf',
      documentId: '1'
    });
    
    const signer = new dsApi.Signer({
      email: 'signer@example.com',
      name: 'John Doe',
      recipientId: '1',
      routingOrder: '1'
    });
    
    const signHere = new dsApi.SignHere({
      documentId: '1',
      pageNumber: '1',
      xPosition: '100',
      yPosition: '200'
    });
    
    signer.tabs = new dsApi.Tabs({ signHereTabs: [signHere] });
    
    const envelopeDefinition = new dsApi.EnvelopeDefinition({
      emailSubject: 'Please sign this document',
      documents: [document],
      recipients: new dsApi.Recipients({ signers: [signer] }),
      status: 'sent'
    });
    
    const results = await envelopesApi.createEnvelope(accountId, { envelopeDefinition });
    const envelopeId = results.envelopeId;
    

    これにより、エンベロープが作成されます。企業はエンベロープの制限に注意する必要があります。標準プランでは、ユーザーあたり年間約 100 通が上限であるため、超過を避けるために使用量を監視してください。

  2. 埋め込み受信者トークンの作成:API を呼び出して、埋め込み署名セッションのトークンを生成します。リプレイ攻撃を防ぐために、clientUserId をセッションの一意の識別子(UUID など)に設定します。

    const recipientViewRequest = new dsApi.RecipientViewRequest({
      authenticationMethod: 'none', // またはセキュリティを強化するために 'email'
      clientUserId: '123', // 各セッションで一意
      recipientId: '1',
      returnUrl: 'https://yourapp.com/return?envelopeId=' + envelopeId, // 署名後のリダイレクト
      userName: 'John Doe',
      email: 'signer@example.com'
    });
    
    const view = await envelopesApi.createRecipientView(accountId, envelopeId, { recipientViewRequest });
    const signingUrl = view.url; // これは iframe src
    

    この URL をアプリケーションの iframe に埋め込みます。

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

署名後のイベントとセキュリティの処理

署名後、DocuSign は returnUrl にリダイレクトします。Webhook(Connect を介して構成)を使用して、「completed」や「declined」などのリアルタイムのステータス更新を受信します。DocuSign 管理パネルの「Connect」でこの機能を構成します。

セキュリティは非常に重要です。常に HTTPS を使用し、サーバー側でトークンを検証し、データ保護法を遵守してください。たとえば、米国では、ESIGN 法により、署名の意図と記録保持があれば、電子署名が手書き署名と同等の法的効力を持つことが保証されています。EU では、eIDAS 規制により、より高いレベルの保証のために適格な電子署名が規定されています。グローバルに統合された企業は、地域の違いを監査する必要があります。たとえば、アジア太平洋市場では、より厳格な生体認証要件があります。

サンドボックスでのテストは無料ですが、本番環境では測定が必要です。API 呼び出しはエンベロープの割り当てにカウントされます。一般的な落とし穴には、トークンの有効期限切れ(デフォルトは 15 分)や clientUserId の不一致があり、署名が失敗する原因となります。運用上の観点から見ると、この統合により、業界のベンチマークに基づいてカスタムアプリケーションのコンバージョン率が 20〜30%向上する可能性がありますが、API の更新に対応するために継続的なメンテナンスが必要です。

高度なカスタマイズとベストプラクティス

ユーザーエクスペリエンスを向上させるには、DocuSign の PowerForms または API を介した条件付きフィールドを使用します。アプリケーションが支払いを処理する場合は、Business Pro 機能を通じて Stripe または PayPal を統合します。API を使用してセンターを監視し、コストを最適化します。Advanced API プラン(年間 5,760 ドル)では、大規模アプリケーションのバッチ送信が可能です。

要するに、この実装は埋め込み署名を競争上の優位性に変えることを明らかにしています。ただし、SMS 配信(メッセージあたり 0.50〜1 ドル)などの追加機能を含む、総所有コストを評価してください。

DocuSign の主要製品の概要

DocuSign のエコシステムは eSignature を中心としており、これは法的拘束力のあるデジタル契約の中核となるプラットフォームです。より高いレベルでは無制限のエンベロープをサポートしていますが、ユーザーあたり年間約 100 通の自動送信が上限です。契約ライフサイクル管理の場合、DocuSign IAM CLM(インテリジェント契約管理契約ライフサイクル管理)は、起草からアーカイブまでを自動化し、リスク分析とコンプライアンスのために AI を統合します。エンタープライズカスタム価格設定には、SSO と高度な監査が含まれており、規制対象業界に適しています。

image

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

バランスの取れた視点を提供するために、以下は主要な電子署名ソリューションの中立的な比較です。この表は、2025 年の公開価格と機能に基づいており、統合機能、コスト、およびコンプライアンスに焦点を当てて、重要な違いを強調しています。

プラットフォーム 価格(年間、ドル) エンベロープ制限 主な利点 制限 最適
DocuSign 個人版:120(5/月);標準版:300/ユーザー;ビジネスプロ版:480/ユーザー;API Starter:600 〜100/年/ユーザー(より高いレベルでカスタマイズ可能) 強力な API、グローバルコンプライアンス(ESIGN/eIDAS)、埋め込み署名 シートごとの料金、大規模 API のコストが高い エンタープライズワークフロー、米国/EU 重視
Adobe Sign 10/ユーザー/月から(年間請求〜120);エンタープライズ版はカスタム より高いプランでは無制限、API は測定 シームレスな Acrobat 統合、強力な PDF ツール カスタム埋め込みの柔軟性が低い、地域追加料金が高い クリエイティブ/デジタルドキュメント集約型チーム
eSignGlobal ベーシック版:299(無制限のユーザー、100 ドキュメント);プロ版:カスタム ベーシック版 100+、拡張可能 シート料金なし、アジア太平洋ネイティブコンプライアンス(iAM Smart/Singpass)、API を含む 西洋ブランドの認知度が低い アジア太平洋企業、コストに敏感なグローバルビジネス
HelloSign (Dropbox Sign) ベーシック版:15/ユーザー/月(〜180/年);ビジネス版:25/ユーザー/月(〜300/年) プランに基づいて 20〜無制限 シンプルな UI、Dropbox 同期、無制限のテンプレート 基本的な API、高度な自動化なし 中小企業、迅速なセットアップ

DocuSign は市場シェアでリードしており、包括的なツールを備えていますが、IDV(測定追加料金)などの追加機能の価格設定の透明性の欠如により、精査に直面しています。Adobe Sign は PDF エコシステムで優れており、フォーム入力とモバイル最適化を提供していますが、エンタープライズ重視であるため、小規模チームのコストが高くなる可能性があります。

image

eSignGlobal は、100 以上の主要国でコンプライアンスを遵守し、アジア太平洋の断片化された規制環境で優れており、グローバルな競争相手としての地位を確立しています。アジア太平洋の電子署名法は、標準が高く、厳しく規制されており、通常はエコシステム統合ソリューションが必要です。これは、電子メール検証または自己申告に依存するフレームワークベースの ESIGN(米国)または eIDAS(EU)とは異なります。アジア太平洋地域では、政府のデジタル ID(G2B)との深いハードウェア/API 統合が不可欠であり、西洋の基準をはるかに超える技術的なハードルが高まります。eSignGlobal のベーシックプランは約 24.9 ドル/月(299 ドル/年)で、最大 100 件のドキュメント、無制限のユーザーシート、およびアクセスコード検証の送信が可能であり、コンプライアンスにおいて強力な価値を提供します。香港の iAM Smart およびシンガポールの Singpass とシームレスに統合されているため、地域での運用に実用的な選択肢となり、より低い参入コストでグローバルに DocuSign および Adobe Sign と直接競合できます。

esignglobal HK


DocuSign のよりスマートな代替案をお探しですか?

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

👉 無料トライアルを開始


現在 Dropbox Sign である HelloSign は、シンプルさを優先し、高度なプランで無制限の送信と簡単な埋め込みを提供し、共同作業チームに適していますが、DocuSign の自動化の深さがありません。

グローバル実装のための地域コンプライアンスの洞察

タイトルは技術的な実装に焦点を当てていますが、国際的に拡大する企業は電子署名法に対処する必要があります。米国では、ESIGN 法(2000 年)と UETA が、同意と監査可能性が証明されていることを条件に、デジタル署名を検証します。EU の eIDAS フレームワークは、署名を単純(電子メールベース)から適格(生体認証/ハードウェア)に分類します。アジア太平洋地域は大きく異なります。シンガポールの ETA は安全なプロセスを要求し、中国の電子署名法はデータのローカリゼーションを強調しています。埋め込みアプリケーションの場合、API 呼び出しがこれらに準拠していることを確認します。たとえば、高保証地域では、DocuSign の IDV アドオンを使用して生体認証を行います。

代替案に関する最終的な考察

DocuSign の代替案を探している企業にとって、eSignGlobal は、特にローカライズされた統合が重要なアジア太平洋地域での運用において、中立的で地域に準拠したオプションとして際立っています。機能とコストを最適化するために、規模と地理的な場所に基づいて評価してください。

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