System](https://www.lightningdesignsystem.com/)という新たなCSSフレームワークが発表されました。本記事ではそのスタイルをSVEで作成したページに適用してみます。※サンプルのソースコードは製品サポートの対象外となります。Systemをダウンロードし、静的リソースに保存します。本来は必要なファイルのみを登録すればいいですが、手間を省くために今回はダウンロードしたzipをそのまま登録しました。先ほどの静的リソース内のCSSファイルのインクルード設定を追加します。Systemの指定は基本的にCSSクラス名「slds」の内部でしか効きません。ページ内にsldsクラスを指定する必要があります。そのような処理を行うJavaScriptを指定します。これでページをデプロイすると、このように表示されました。Systemのものになりました。Systemのデータテーブルを適用してみましょう。SVE上でデータテーブルを作成します。それぞれ「AccountTable」と入力しておきます。JavaScriptでCSSクラスを指定する必要があります。ページスクリプトに追加します。'';});});});}次に配置したテーブルのJavaScriptとして実際にクラス名を変更する処理を設定します。開いて以下のコードを追加します。['color']});ページをデプロイして表示を確認してみましょう。Systemのものになっていることが確認できます。まとめいかがだったでしょうか。AppComponentを使用すればより多くのコンポーネントに対応可能かと思います。SVEや新製品のSuPICEの標準機能でも、こういったSalesforceから出た新しい技術についてキャッチアップして行きたいものです。Experienceのレコードページをもっと便利にするAppExchangeを社内導入する時に見たい!5つのポイント関連するキーワードSkyVisualEditorTerraSkyBaseについてTerraSkyBaseはクラウドサービスを手掛ける株式会社テラスカイのコンテンツプラットフォームです。