ホーム / ブログセンター / DocuSign API:モバイル署名用の「レスポンシブ」HTMLドキュメントの作成

DocuSign API:モバイル署名用の「レスポンシブ」HTMLドキュメントの作成

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

DocuSign API を使用したモバイル署名の紹介

デジタルプロトコルの進化し続ける状況において、企業はワークフローを合理化するために電子署名プラットフォームへの依存度を高めており、特にモバイルデバイスでは、ユーザーはシームレスなエクスペリエンスを期待しています。DocuSign の API は、開発者が応答性の高い署名機能をアプリケーションに統合できる強力なツールとして際立っています。このアプローチは、ユーザーエンゲージメントを高めるだけでなく、グローバルスタンダードへの準拠を保証し、大量のトランザクションを処理する企業にとって戦略的な選択肢となります。

image


電子署名プラットフォームを DocuSign または Adobe Sign と比較検討中ですか?

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

👉 無料トライアルを開始


DocuSign API を使用した応答性の高い HTML ドキュメントの作成

ビジネスの観点から見ると、業界レポートによると、現在、契約の 50% 以上がスマートフォンで署名されているため、モバイルデバイス向けに電子署名を最適化することは非常に重要です。DocuSign の API を使用すると、開発者はさまざまな画面サイズに適応できる「応答性の高い」HTML ドキュメントを作成でき、署名プロセスがスムーズになります。これにより、離脱率が低下するだけでなく、営業、人事、法務チームの運用効率も向上します。

モバイル署名用の応答性の高い HTML を構築するためのステップバイステップガイド

開始するには、DocuSign 開発者アカウントと REST API の知識が必要です。このプロセスでは、CSS メディアクエリを使用して応答性を実現する HTML エンベロープに署名セレモニーを埋め込む必要があります。以下に実装方法を示します。

  1. API を介して DocuSign エンベロープを設定する:まず、OAuth 2.0 を使用して認証します。Envelopes: create エンドポイントを使用してエンベロープを生成します。documentBase64 パラメータをエンコードされた HTML コンテンツに設定して、ドキュメントを HTML ファイルとして指定します。モバイル向けに最適化するには、HTML に <meta name="viewport" content="width=device-width, initial-scale=1.0"> などのビューポートメタタグを含めて、スケーリングを制御します。

    API 呼び出しの例(cURL を使用した説明):

    curl -X POST https://demo.docusign.net/restapi/v2.1/accounts/{accountId}/envelopes \
    -H "Authorization: Bearer {accessToken}" \
    -H "Content-Type: application/json" \
    -d '{
      "emailSubject": "モバイルでこのドキュメントに署名する",
      "documents": [{
        "documentBase64": "{base64EncodedHTML}",
        "name": "responsive-agreement.html",
        "fileExtension": "html",
        "documentId": "1"
      }],
      "recipients": {
        "signers": [{
          "email": "signer@example.com",
          "name": "John Doe",
          "recipientId": "1",
          "tabs": {
            "signHereTabs": [{
              "xPosition": "100",
              "yPosition": "100",
              "documentId": "1",
              "pageNumber": "1"
            }]
          }
        }]
      },
      "status": "sent"
    }'
    

    これにより、署名準備ができた HTML ドキュメントを含むエンベロープが作成されます。

  2. 応答性の高い HTML 構造を設計する:モバイルファーストのデザインを採用して HTML を作成します。Flexbox や CSS Grid などの柔軟なレイアウトを使用します。たとえば、ドキュメントをテキスト、フィールド、署名領域のセクションに構造化し、これらのセクションを小さな画面で再フローできるようにします。DocuSign のアンカータグまたはテキストタグを統合して、動的なフィールド配置を行います。たとえば、署名フィールドには {{SigHere1}} を使用します。

    応答性の高い HTML スニペットの例:

    <!DOCTYPE html>
    <html lang="ja">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <style>
        body { font-family: Arial, sans-serif; margin: 0; padding: 20px; }
        .container { max-width: 100%; margin: 0 auto; }
        @media (max-width: 768px) {
          body { padding: 10px; }
          .signature-field { width: 100%; height: 100px; border: 1px dashed #ccc; }
        }
        @media (min-width: 769px) {
          .signature-field { width: 300px; height: 150px; }
        }
      </style>
    </head>
    <body>
      <div class="container">
        <h1>契約条件</h1>
        <p>これは、デバイスに適応する応答性の高い条項です。</p>
        <!-- DocuSign タブがここにオーバーレイされます -->
      </div>
    </body>
    </html>
    

    この HTML を API に送信する前に Base64 でエンコードします。応答性の高い CSS により、署名などのフィールドが適切にスケーリングされ、モバイルデバイスでのスケーリングの問題が回避されます。

  3. 署名セレモニーを埋め込む:埋め込み署名の場合、Rooms: create または Envelopes: createRecipientView エンドポイントを使用して署名 URL を生成します。アプリケーションでユーザーをこの URL にリダイレクトします。モバイルユーザーエクスペリエンスを向上させるために、DocuSign の SDK がサポートしている場合は、JavaScript を統合して、スワイプ署名などのタッチフレンドリーなインタラクションを実現します。

    作成後、受信者ビューを取得します。

    curl -X POST https://demo.docusign.net/restapi/v2.1/accounts/{accountId}/envelopes/{envelopeId}/views/recipient \
    -H "Authorization: Bearer {accessToken}" \
    -H "Content-Type: application/json" \
    -d '{
      "authenticationMethod": "none",
      "email": "signer@example.com",
      "returnUrl": "https://yourapp.com/return",
      "userId": "signer@example.com"
    }'
    

    返された url はデフォルトでモバイル向けに最適化されていますが、HTML の応答性の高いデザインにより、ドキュメント自体が完璧にレンダリングされます。

  4. モバイル固有の課題に対処する:iOS および Android デバイスでテストします。一般的な問題には、フォントのレンダリングやタッチターゲットなどがあります。Apple のガイドラインに従って、タッチ領域は少なくとも 44x44 ピクセルにする必要があります。カスタム HTML が複雑すぎる場合は、DocuSign の PowerForms を使用して、事前に構築された応答性の高いテンプレートを使用します。Webhooks を使用してエンベロープのステータスを監視し、モバイルの完了率を追跡して、ビジネス上の意思決定に役立てます。

  5. ビジネス統合のベストプラクティス:ビジネスの観点から見ると、この設定は、フィールドセールスなどの大量のユースケースに適しています。API クォータをサポートするプラン(たとえば、Intermediate は月あたり約 100 個のエンベロープ)に制限します。アクセスコードまたは SMS 認証を追加機能として追加して、コンプライアンスを確保します。

DocuSign のケーススタディによると、この API 駆動型のアプローチにより、署名時間を最大 80% 短縮できるため、モバイル中心の企業にとって投資する価値のある選択肢となります。機能は常に進化しているため、開発者は公式の DocuSign API ドキュメントを参照して最新情報を入手する必要があります。

DocuSign の IAM CLM とエコシステムの概要

DocuSign のインテリジェントプロトコル管理 (IAM) および契約ライフサイクル管理 (CLM) ソリューションは、基本的な電子署名を超えて、エンドツーエンドの契約自動化を提供します。IAM は AI を統合してリスク評価と条項抽出を行い、CLM は起草、交渉、分析を処理します。これらのツールは、Business Pro(年間 1 ユーザーあたり 40 ドル/月)などの上位プランの一部であり、ガバナンスを必要とする企業にアピールします。完全なエンタープライズ IAM には公開価格設定はありませんが、コンプライアンス集約型業界向けのカスタムソリューションです。

image

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

世界で 100 億ドルを超える価値のある電子署名市場では、DocuSign のようなプラットフォームが機能、価格設定、地域への適応性で競合しています。以下は、ビジネス評価の中核となる側面に焦点を当てた、主要なプレーヤーの中立的な比較です。

プラットフォーム 価格設定(年間、ドル) ユーザー制限 エンベロープ制限 主要機能 API サポート 地域的な強み
DocuSign Personal: $120; Standard: $300/ユーザー; Business Pro: $480/ユーザー; API Starter: $600 シートライセンス ~100/ユーザー/年 (Standard/Pro) 一括送信、条件ロジック、IAM CLM、SSO 強力(独立プラン) グローバル、米国/EU コンプライアンスが強力 (ESIGN/eIDAS)
Adobe Sign 開始価格 $10/ユーザー/月(年間請求) シート より高いレベルで無制限 Adobe エコシステムとの統合、フォーム、支払い Adobe API を介して強力 クリエイティブ/デジタルワークフローに優れ、米国/EU に焦点
eSignGlobal Essential: $299(無制限ユーザー); Professional: カスタム 無制限ユーザー 100 個のエンベロープ (Essential) AI-Hub、一括送信、地域 ID 統合 (iAM Smart, Singpass) Pro プランに含まれる APAC に最適化、100 以上の国でグローバルコンプライアンス
HelloSign (Dropbox Sign) 無料プラン; Pro: $15/ユーザー/月 シート 20/月 (Pro) シンプルな UI、テンプレート、チームコラボレーション 基本 API SMB ユーザーフレンドリー、米国中心、Dropbox との統合が容易

この表は、トレードオフを強調しています。DocuSign はエンタープライズの深さで優れており、代替案はコストまたは地域への適応性を優先しています。

Adobe Sign:バランスの取れたエンタープライズオプション

Adobe Sign は、PDF ツールや Microsoft 365 などのエンタープライズスイートとシームレスに統合され、応答性の高いフォームを備えた強力なモバイル署名を提供します。価格設定は低く始まりますが、認証などの追加機能によって拡張されます。ESIGN および eIDAS フレームワークの下でセキュリティを重視する、ドキュメント集約型業界に適しています。

image

eSignGlobal:地域コンプライアンスに焦点

eSignGlobal は、100 以上の主要な国でグローバルコンプライアンスを備えた費用対効果の高い代替案として位置付けられており、特にアジア太平洋 (APAC) 地域で強みを発揮しています。APAC の電子署名環境は断片化されており、高い基準と厳格な規制があり、エコシステム統合を必要とするソリューションが必要です。これは、米国や EU のフレームワークベースの ESIGN/eIDAS とは異なります。ここでは、プラットフォームは、政府から企業 (G2B) へのデジタル ID との深いハードウェア/API レベルの統合を実現する必要があります。これは、西洋市場で一般的な電子メール検証や自己申告モードをはるかに超える技術的なハードルです。eSignGlobal の Essential プランはわずか 16.6 ドル/月(年間)で、最大 100 個の電子署名ドキュメントの送信、無制限のユーザーシート、およびアクセスコード検証を許可し、コンプライアンスに基づいて強力な価値を提供します。香港の iAM Smart やシンガポールの Singpass とシームレスに統合され、遅延を減らし、国境を越えたトランザクションの信頼性を高めます。

esignglobal HK


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

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

👉 無料トライアルを開始


HelloSign (Dropbox Sign):SMB 向けの簡素化

現在 Dropbox の一部である HelloSign は、迅速なセットアップのための直感的なインターフェイスを提供し、応答性の高い埋め込みを介して強力なモバイルサポートを提供します。中小規模のチームにとって費用対効果が高いですが、DocuSign と比較して高度な API の深さが不足しており、カスタマイズではなく使いやすさに重点を置いています。

地域電子署名規制

タイトルで地域が指定されていませんが、API の実装には法律を理解することが不可欠です。米国では、ESIGN および UETA が電子記録に幅広い執行可能性を提供します。EU の eIDAS は、より高い法的効力のために適格な署名を規定しています。APAC は異なります。シンガポールの電子取引法は ESIGN に似ていますが、ローカルデータ常駐が必要です。香港では、有効性を確保するために iAM Smart などのシステムとの統合が必要です。DocuSign API を使用する企業は、コンプライアンスの落とし穴を避けるために、それに応じてエンベロープを構成する必要があります。

結論

DocuSign の API は、応答性の高いモバイル署名を可能にし、デジタルファーストの世界の効率を向上させます。代替案については、特に APAC で地域コンプライアンスオプションとして eSignGlobal を検討し、コストとグローバルカバレッジのバランスを取ります。ビジネスニーズに基づいて評価し、最適な一致を見つけてください。

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