アクセシビリティ
デベロッパーリソース
m-School

m-School
(エスエイティーティー株式会社)

目次

作成日:
2009年7月6日
ユーザレベル:
初心者, 中級
製品:
LiveCycle ES,LiveCycle Designer ES

LiveCycle Designer ES によるダイナミックフォーム作成の基礎

はじめに

本稿は、LiveCycle ESにおけるフォーム開発環境であるLiveCycle Designer ES(以下、Designer)を使用して、ユーザー操作などによってフォームレイアウトが変化するダイナミックフォームを作成するための基礎と要点をチュートリアル形式で紹介します。

繰り返しになりますが、LiveCycle ES サーバーのプロセスで使用するインタラクティブなダイナミックフォームを作成することを目的としています。しかし、LiveCycle サーバープロセスで使用しない、純粋にメールで送受信されるだけのフォームを作る方にとっても役立つ内容です。

本稿の内容

Designerのファーストステップとしては様々な要素がありますが、この手のツールの話でよくある一つ一つの描画ツールの意味や基本操作といったところは省きます(※0)。今後 Designer でフォームを開発するにあたり、「肝」となる以下の3点にフォーカスしてご紹介します。

  • XML Schemaをベースとしたフォームの作成方法
    正しく言うと、フォームに格納するデータ構造をXML Schemaで定義し、それをフォームオブジェクトと関連付けることです。特に、LiveCycleプロセスの中でフォーム中のデータに対して何らかの処理を行いたい場合、フォームのデータをプロセス変数に格納しますが、このために必要です。
  • フォームスクリプト(JavaScript)の基礎
    イベント処理などを行うインタラクティブなフォーム作成のために、フォーム内でのロジックを記述するために必要な知識です。FormCalc という言語と、JavaScript のいずれかで記述することができますが、今回はなじみ深い JavaScript による方法をご紹介します。
  • サブフォームの取り扱い
    動的にレイアウトが変更する「ダイナミックフォーム」を作成するために必要な知識です。特に「配列型データに連動してレイアウトが変化するサブフォームの取り扱い」が慣れるまで少々やっかいだと思います。しかし、サブフォームに関する2つのポイントと、コツを掴んでしまえば容易です。

(※0)その他の項目に関しては、Designerのヘルプ(特にチュートリアル)や、各種ドキュメント、トレーニングなどをご活用ください。

必要ソフトウェア

(※1)このZIPファイルを解凍すると、以下のフォルダが生成されます。
[lab]フォルダ :このチュートリアルで使用するファイルが格納されています。
[solution]フォルダ:このチュートリアルの完成例です(ただし、実際の完成例よりも若干作り込んでいます)。

前提条件

  • XML の基本知識を習得していること。
  • JavaScript などのスクリプト言語の基礎知識があり、コードを記述した経験があること。

著者について

m-School(エスエイティーティー株式会社)

m-School(エムスクール)は、プロフェッショナルのためのアドビ認定トレーニングセンターです。“あなたが今、必要とするスキル”が即座にマスターできる、短期集中のトレーニングを多数ご用意しています。法人研修や出張講座の実績も多数あり、すぐに業務で活用できるノウハウをご提供しています。運営は、教育関連事業で90年の実績がある学校法人駿河台学園(駿台予備学校)グループの、エスエイティーティー株式会社が行っています。