【必読】なぜ今、Aura ではなく LWR を選ぶべきなのか?

開発・LWC

開発・LWC

【B2B不動産ポータル 制作日誌 Vol.1】検索UI構築:SLDSグリッドとコンポーネント分割の実践

LWRサイトでB2B不動産ポータルを構築する連載Vol.1。親コンポーネントでのデータ管理、SLDSグリッドを使った3カラム構成のレスポンシブデザイン、standard__recordPage による画面遷移の実装コードを解説します。
開発・LWC

【LWR】Salesforce CMS連携・効果測定機能付きのA/Bテスト用LWCを自作する

LWRサイトには標準のA/Bテスト機能がありません。本記事では、Salesforce CMSの画像と連携し、表示・クリック数をユニークユーザー(UU)ベースで計測できる高機能なA/Bテストコンポーネントの実装方法を解説します。
開発・LWC

【決定版】LWC設定画面の究極形!60以上の設定項目をJSON管理と部品化で完全制覇する

DXforce Point for DevelopersSpring '26 で一般公開された ExperiencePropertyTypeBundle を使用したコンポーネント作成ガイド記事を併せてご覧ください。LRWサイトを構築している...
開発・LWC

LWC設定画面をカスタマイズ!Custom Property Editor (CPE) 実装ガイド【基礎からApex連携まで】

エクスペリエンスビルダーのコンポーネント設定画面を、標準の入力欄からカスタムUI(CPE)に変更する方法を解説します。1つのバナーコンポーネントを作成しながら、スライダーによる数値調整(基礎)と、Apex連携による動的リスト(応用)の実装フローを学びます。
開発・LWC

【完全保存版】Salesforce LWRサイトに「ノーコードで色調整可能なダークモード」を実装するLWC(GitHub公開)

Salesforce Experience Cloud (LWR) サイトに、ダークモード切り替え機能を実装するLWCを紹介します。背景色、文字色、ボタン、フォーム、テーブル詳細まで、すべてエクスペリエンスビルダーのプロパティ画面からノーコードで設定可能な「完全版」コンポーネントです。
データ・AI連携

【紅茶ECサイト 制作日誌 Vol.5】LWCとApexで自作するカスタムAgentforce「執事セバスチャン」の実装ガイド

Agentforceの標準UIではなく、LWCを使って独自の「対話型エージェント(執事)」を実装する方法を解説。標準実装との違いや、Apex経由でAgentを直接呼び出すフルスクラッチ開発の全貌を公開します。
開発・LWC

【紅茶ECサイト 制作日誌 Vol.4】「ページ遷移」の正解はこれ!NavigationMixinとパンくずリストの実装ガイド

LWRサイトで standard__namedPage が動かない?正しいページ遷移の方法は comm__namedPage です。NavigationMixinの実装手順、よくある「is not a function」エラーの回避策、そしてSEOに配慮したパンくずリストの構築までを解説します。
開発・LWC

【紅茶ECサイト 制作日誌 Vol.3】「カートに入れる」ボタンをどう実装する?Lightning Message Service (LMS) でコンポーネント間通信を実現する

LWCでECサイトを作る際、商品詳細ページとヘッダーのカートアイコンを連携させるには?親子関係にないコンポーネント間でデータを送受信する「Lightning Message Service (LMS)」の実装手順を解説します。
コンテンツ・CMS

【紅茶ECサイト 制作日誌 Vol.2】LWCで「美しい商品詳細ページ」を作る!CMS画像連携とStyling Hooksによるテーマ設計

LWRサイトで標準コンポーネントの限界を超えたい方へ。LWCを使った商品詳細ページの完全カスタム実装手法を解説。CMS画像のパス解決、recordIdの取得、そしてStyling Hooksによるプロ仕様のCSS設計まで、The Royal Brew制作日誌Vol.2としてお届けします。
開発・LWC

【DIY】LWRサイトのLightning Datatableに「レコードリンク付き」カスタム列を実装する方法

Experience CloudのLWRサイトではまだまだ標準コンポーネントが制限されています。Lightning Datatableを拡張し、レコード詳細ページへ遷移するリンク機能を持ったカスタム列(Custom Types)を実装する方法を解説します。