手書き署名を使用したフォームへの電子署名の適用

最終更新日： 2024年7月15日

トピック：

作成対象：

ユーザー
開発者

アダプティブフォームの新規作成または AEM Sites ページへのアダプティブフォームの追加には、最新の拡張可能なデータキャプチャコアコンポーネントを使用することをお勧めします。これらのコンポーネントは、アダプティブフォームの作成における大幅な進歩を表し、ユーザーエクスペリエンスの向上を実現します。この記事では、基盤コンポーネントを使用してアダプティブフォームを作成する古い方法について説明します。

バージョン	記事リンク
AEM as a Cloud Service	ここをクリックしてください
AEM 6.5	この記事

手書き署名 コンポーネントや 署名ステップ コンポーネントを使用すると、アダプティブフォームに手書きで署名することができます。署名ステップコンポーネントでは、アダプティブフォームの PDF バージョンが表示されます。署名ステップコンポーネントを使用するには、レコードのドキュメントオプションが有効になっているか、フォームテンプレートに基づくアダプティブフォームが必要です。

手書き署名ダイアログ

署名ウィンドウで使用できる様々なオプション

A： ペイントブラシ アイコンをクリックして、キャンバスに署名を描きます。
B：消去アイコンをクリックして、キャンバス上の署名を消去します。
C： 位置情報 アイコンをクリックして、署名とともに位置情報を追加します。
D： キーボード アイコンをクリックして、キャンバスに名前を入力します。

手書き署名ウィンドウで「完了」アイコンを選択すると、署名を編集できなくなります。署名を編集する場合は、現在の署名を無視して、上記のペイントブラシ／キーボードオプションを使用して再署名する必要があります。

設定アイコンを選択して、手書き署名キャンバスのアスペクト比を設定できます。

手書き署名キャンバスのアスペクト比が 1 未満の場合、位置情報は手書き署名キャンバスの下部に追加されます。
手書き署名キャンバスのアスペクト比が 1 を超える場合、位置情報は手書き署名キャンバスの右側に追加されます。

手書き署名 -下部

NOTE

署名は常に PNG 形式で保存されます。

アダプティブフォームでの手書き署名使用の設定

レコードのドキュメントオプションが有効になっているか、フォームテンプレートに基づくアダプティブフォームを作成します。詳しい手順については、「アダプティブフォームの作成」を参照してください。
手書き署名 コンポーネントを、コンポーネントブラウザーからアダプティブフォームにドラッグ＆ドロップします。
設定アイコンを選択します。この操作により、手書き署名コンポーネントのプロパティを表示するプロパティブラウザーが開きます。手書き署名コンポーネントのプロパティを設定します。
署名ステップコンポーネントを、コンポーネントブラウザーからアダプティブフォームにドラッグ＆ドロップします。

NOTE
署名ステップコンポーネントは、フォームの幅いっぱいに表示されます。そのため、署名ステップコンポーネントが含まれているセクションに他のコンポーネントを配置しないようにすることをお勧めします。
コンテンツブラウザーで「フォームコンテナ」を選択し、設定アイコンを選択します。この操作により、アダプティブフォームのコンテナプロパティを表示するプロパティブラウザーが開きます。アダプティブフォームコンテナ／電子サイン に移動して、「Adobe Sign を有効にする」オプションを選択解除します。完了アイコンを選択して、変更を保存します。

NOTE
署名ステップコンポーネントをアダプティブフォームに追加すると、「Adobe Sign を有効にする」オプションが自動的に選択されます。
設定アイコンを選択します。この操作により、署名ステップのプロパティを表示するプロパティブラウザーが開きます。以下のプロパティを設定します。
- 要素名：コンポーネントの名前を指定します。
- タイトル： コンポーネントの一意のタイトルを指定します。
- テンプレートメッセージ： 署名 PDF の読み込み中に表示するメッセージを指定します。Adobe Sign サービスによる署名 PDF の準備と読み込みには、ある程度の時間がかかります。
- 署名サービス：「手書き署名」オプションを選択します。
- CSS クラス：クライアントライブラリの CSS クラスを指定します（存在する場合）。CSS クラスの代わりにテーマやインラインスタイルを使用します。
完了アイコンを選択して、変更を保存します。署名が正常に設定されます。

これで、フォームを記入する際に、PDF バージョンのアダプティブフォームが表示され、PDF ドキュメントの署名オプションが提供されます。詳しくは、「手書き署名を使用したアダプティブフォームの署名」を参照してください。