前回に引き続き、今回もVisualforceページに対し機能追加をするための仕組み「AppComponent」の活用例を元に説明していきます。コンポーネント」、または「Visualforceのコードの断片」を挿入し機能追加する仕組みです。従って少々乱暴ですが、AppComponentとは「Visualforceでこう書けばこういう機能を実装できる」と分かっている場合、コードをほぼそのまま流用するだけでコンポーネント化して機能追加が出来る仕組みと言えます。リストに対応していません。いますぐに機能利用したい場合は以下のフローで開発出来ることをAppComponentの利用例として共有したいと思います。Salesforceのリファレンスなどを確認することで、Visualforceで下記のコードを記述すれば該当の関連リストを表示できることが分かります。リストしかしこのままSkyVisualEditorが生成したソースコードを編集した場合、再度デプロイする時に上書きされてしまいますので、AppComponentの仕組みを利用してコンポーネント化します。スタジオ画面での見た目にこだわりがなければ、下記の最小限のコードだけでスタジオで利用できるコンポーネントを作成できます。</AppComponent>...AppComponentの実装このように、スタジオでコンポーネントとして配置する際に必要な情報などAppComponentの作法的な部分を除けば、DirectComponentBodyの中にVisualforceに挿入したいコードをそのまま記述すれば良いというシンプルなコードでコンポーネントを追加出来ます。</AppComponent>...AppComponentの実装2上記のコードをAppComponentとして組織に配置し、コンポーネントを取引先のページの一番下に配置した場合、このような状態になります。最小限の設定で実装したためデフォルトのアイコンが表示されるだけですが、キャンバス上に表示する画像やサイズを指定することでよりデプロイ後のイメージに近づけることが出来ます。関連リストAppComponent:スタジオそのままページをデプロイし、Salesforce上で表示するとこのように、SkyVisualEditorでまだ対応していない関連リストが表示されます。以上のように、Visualforceについての知識があればAppComponentの仕組みを使って簡単に新しいコンポーネントを作成できますので、標準機能で実現できない機能がある際にぜひご活用してください。別Windowを開いて登録(編集)をして閉じたら、画面を自動更新するAppComponentを作ってみた!SkyVisualEditorのCTI対応AppComponentを作ってみたSkyVisualEditorでlightningの新機能「recordEditForm」を利用するAppComponentLightningコンポーネントをSkyVisualEditorで使用するには関連するキーワードAppComponentSkyVisualEditorTerraSkyBaseについてTerraSkyBaseはクラウドサービスを手掛ける株式会社テラスカイのコンテンツプラットフォームです。