提供が始まっています。2.ページが作成され、編集モードで開きます。パーツの挿入も可能です。パーツの編集画面を開き、設定変更が可能です。クリックしなくても、設定内容が適用されることが確認できます。クリックして、ページを発行します。ありますが、下記を利用します。クラス、モジュール、インターフェースを利用します。マネージャーを利用しています。generators新しいプロジェクトを作成する際に利用します。利用した手順をご紹介します。https://code.visualstudio.com/download開発環境に必要なツールを順番にインストールします。ダウンロードしてインストールします。インストールされるため、下記コマンドでパッケージ名を指定してインストールします。node.jsベースで動くスキャフォールディングツールです。下記コマンドでインストールします。先行リリースが有効になっているかどうかを確認ください。先行リリースを有効に設定してください。パーツの開発を行ってみましょう。パーツ作成時に必要なフォルダーやファイルを生成させます。プロンプトを起動します。フォルダー作成します。選択が表示されますが、すべて既定値で、[Enter]6.しばらく待つと、プロジェクトが生成されます。プロジェクトを作成したフォルダー内を確認すると、こんな感じです。テスト実行プロジェクトの初期状態で、ローカルでテスト実行を行ってみます。エンドポイントを利用して実行されるのが既定です。開発環境ローカルに証明書をインストールします。プロンプトで次を実行します。trust-dev-cert2.次のコマンドで、実行します。ブラウザーで起動します。パーツを追加してみます。パーツ内に反映されることが確認できます。このままテスト実行したまま、ソースコードの内容を確認し、編集を加えていきます。フォルダーを指定し、開きます。内に、基本のファイル群が確認できます。パーツ名やプロパティ定義を行う定義ファイルが必要です。開発するときと似ていますね。クラスを継承しています。パーツ内の内容が含まれています。パーツの設定画面で変更が可能なプロパティの定義を確認します。既定でプロパティ画面には、テキストボックスが1つ表示されています。定義を確認してみましょう。プロパティを追加してみるプロパティを追加して、画面に表示してみます。プロパティを、次のように変更します。次のように変更します。内のプロパティバッグを次のように編集し、既定値を設定します。${this.properties.test4}</p>6.すべて保存し、テスト実行中の画面で確認してみます。アイテムを一覧する機能を追加してみます。ファイル内に、次のインターフェイスを追加します。クラス内に、次のメソッドを追加します。html;}3.render()を次のように変更します。}5.すべて保存し、テスト実行中の画面で結果を確認してみます。パーツ設定画面で指定したリスト名の、リストアイテムを取得して、表示しています。実行では、結果は得られません。利用して結果を確認します。長くなってきたので、今回はここまでにします。パーツの開発を試す参考手順にいただければ幸いです。動作しているわけではありません。ユーザーのコンテキストでブラウザー上で実行されます。こちらのほうがよっぽどわかりやすく開発できそう。ページでの利用も可能だそうです。使ってみる内容とかふれてみたいなと思ってます。と現在2種類の手法があります。追加されてくることで、どういったときにどの開発方法を利用するか、さらに考慮が悩ましくなってきそうです。プレビューですが、変更点等これからも確認していきたい内容です。クライアントアナウンスInfoPathお問い合わせイルミネート・ジャパンが提供するトレーニングやサービスに関するご相談など、お気軽にご連絡ください。