この記事の目次
Salesforce LightningのUI名前空間のAuraコンポーネント廃止とサポート終了
![](https://cdn.pixabay.com/photo/2018/02/28/21/22/program-3189121_640.png)
Salesforce のUI名前空間のLightning Web コンポーネント
![](https://cdn.pixabay.com/photo/2015/09/16/09/48/programming-942487_1280.jpg)
Salesforce LightningのUI名前空間のコンポーネント廃止の影響は?
![](https://images.pexels.com/photos/1181675/pexels-photo-1181675.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500)
UI名前空間のAuraコンポーネント廃止と Lightning Web コンポーネント
![](https://cdn.pixabay.com/photo/2018/06/08/00/48/developer-3461405__480.png)
UI名前空間のコンポーネントのスタイル設定
Salesforceにおける設計バリエーションと SLDS ユーティリティクラスについては、Aura コンポーネントと Lightning Web コンポーネントのどちらもサポートされています。 但し、コンポーネントのスタイル設定については、Aura コンポーネントが独自のクラスでカスタムスタイルを設定できるのに対し、Lightning Web コンポーネントでは設定できません。これはLightning Web コンポーネントがShadow DOM 標準に準拠しているためです。Lightning Web コンポーネントでは、カスタムスタイル設定の SLDS スタイル設定フックがサポートされています。Aura コンポーネントと Lightning Web コンポーネントの違い
ここでは、SalesforceのAura コンポーネントと Lightning Web コンポーネントの使用方法の違いについて説明します。名前形式とUI名前空間とコンポーネント名の区切り方に違いがあります。 Aura コンポーネント 名前形式:namespace:componentName UI名前空間とコンポーネント名:コロンで区切られる。 Lightning Web コンポーネント 名前形式:namespace-component-name UI名前空間とコンポーネント名:ダッシュで区切られる。Salesforce LightningのUI名前空間のコンポーネント移行
lightning:formattedText 基本コンポーネントを使用したAura コンポーネントを例に、同等のLightning Web コンポーネントへの移行の手順とコードのサンプルを紹介します。 ①名前空間とコンポーネント名を区切るコロンをダッシュに変更します。 ②キャメルケースのコンポーネント名をダッシュで区切ります。 例)formattedText → formatted-text ③Boolean 属性の値(true もしくは false)を削除します。Boolean 属性がtrue である場合は存在しています。 ④自己終了タグを完全終了タグに変更します。 例)</lightning-formatted-text>移行前:Aura コンポーネントのサンプル
<aura:component> <lightning:formattedText linkify=”true” value=”I like salesforce” /> </aura:component>移行後:Lightning Web コンポーネントのサンプル
<template> <lightning-formatted-text linkify value=”I like salesforce”> </template>Salesforce Lightningの UI名前空間のコンポーネント廃止に対応しよう
![](https://images.pexels.com/videos/5896099/pexels-photo-5896099.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500)
この記事の監修者・著者
![株式会社オープンアップITエンジニア](https://tenshoku-careerchange.jp/wp-content/uploads/2023/07/fzxADbr-_400x400-1-150x150.jpg)
-
未経験からITエンジニアへのキャリアチェンジを支援するサイト「キャリアチェンジアカデミー」を運営。これまで4500人以上のITエンジニアを未経験から育成・排出してきました。
・AWS、salesforce、LPICの合計認定資格取得件数:2100以上(2023年6月時点)
・AWS Japan Certification Award 2020 ライジングスター of the Year 受賞
最新の投稿
- 2024年3月26日キャリア・転職保安職(自衛官・警察・消防官など)に向いている人の性格・特徴ランキング【現役保安職(自衛官・警察・消防官など)36人が回答】
- 2024年3月26日キャリア・転職保安職(自衛官・警察・消防官など)に必要なスキルランキング&スキルアップの方法とは?【現役保安職(自衛官・警察・消防官など)36人が回答】
- 2024年3月26日キャリア・転職クリエイター職(ライター・デザイナー・編集)に向いている人の性格・特徴ランキング【現役クリエイター職(ライター・デザイナー・編集)64人が回答】
- 2024年3月26日キャリア・転職クリエイター職(ライター・デザイナー・編集)に必要なスキルランキング&スキルアップの方法とは?【現役クリエイター職(ライター・デザイナー・編集)64人が回答】