SalesforceにおけるRendererとは？ SalesforceのRendererとは、Aura コンポーネントを用いたフレームワークでのレンダリングを実行する機能のことです。 コンポーネントファイル内にあるタグの読み込みを行い、HTML形式に変換して吐き出したり、HTMLファイルから変更された属性値の変更を検知して再構築したHTMLを吐き出したりといった処理が行えます。 つまり、本来はタブによって構成されているプログラムデータを、見やすく整形したうえで画面上に表示を行う機能がRendererです。

SalesforceにおけるRendererの仕組みを解説

SalesforceのRendererをカスタムする

コンポーネントの表示ライフサイクル

コンポーネントの再表示ライフサイクル

カスタムRendererを作成する

コンポーネントの表示カスタマイズの方法

render : function(cmp, helper) {var ret = this.superRender();// do custom rendering herereturn ret;},

コンポーネントを再表示する

rerender : function(cmp, helper){this.superRerender();// do custom rerendering here}

表示後にDOMへアクセスする

afterRender: function (component, helper) {this.superAfterRender();// interact with the DOM here},



コンポーネントを非表示にする



基本unrender()の関数は、コンポーネントにあるrender()により表示されたDOM ノード全てを削除します。Rendererによってunrender()をオーバーライドし、動作のカスタマイズが可能です。

標準ライブラリではなく、サードパーティ・ライブラリなどの操作時に便利なメソッドです。通常は、カスタムコードの追加前に、unrender()の関数よりsuperUnrender()を実行し、デフォルトの非表示が拡張されます。

カスタムunrender()の関数コードは以下となります。


unrender: function() {this.superUnrender();// do custom unrendering here}




SalesforceのRendererを理解して快適に活用しよう



今回は、Salesforceを有意義に使うための機能である、Rendererについてご紹介しました。

プログラムを整形して、わかりやすくスムーズな操作をサポートするRendererの仕組みを理解し、Salesforceを快適に活用しましょう。

]]>    	

この記事の監修者・著者


株式会社オープンアップITエンジニアAWSパートナー/Salesforce認定コンサルティングパートナー 認定企業

ITエンジニア派遣サービス事業を行っています。AWSやSalesforceなど専門領域に特化したITエンジニアが4,715名在籍し、常時100名以上のITエンジニアの即日派遣が可能です。



・2021年：AWS Japan Certification Award 2020 ライジングスター of the Year 受賞

・2022年3月：人材サービス型 AWSパートナー認定

・AWS認定資格保有者数1,154名（2024年6月現在）

・Salesforce認定コンサルティングパートナー

・Salesforce認定資格者276名在籍（2024年5月現在）

・LPIC＋CCNA 認定資格者：472 名（2024年6月時点）

最新の投稿

2024-12-27営業インタビュー情報共有の活性化の中心に。SP企画部の新たな取り組み
2024-07-01営業インタビュー最短で当日にご提案可能。 OPE営業の対応が早い3つの理由
2024-07-01営業インタビュー研修見学ツアーが高評価！「お客様のOPEに対する期待を高め、継続に貢献できればと思います。」
2024-07-01営業インタビュー信頼関係を構築し、エンジニアの長期就業へ