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

UI/UX

開発・LWC

【B2B不動産ポータル 制作日誌 Vol.5】マイページ構築の鉄則:ダークモード対応を見据えたデータテーブル自作とレスポンシブ実装

LWRサイト開発連載Vol.5(最終回)。標準のlightning-datatableを使わず、あえてSLDSテーブルで実装した理由は「ダークモード対応」でした。サイトの配色設定に追従するテーブル設計と、スマホ用カードUIへの切り替えテクニックを解説します。
開発・LWC

【B2B不動産ポータル 制作日誌 Vol.3】「ダブルブッキング」を防ぐリアルタイム予約システム:Apexマトリクス生成とLWCモーダル連携

LWRサイト開発連載Vol.3。Apexで生成した「週間空き状況マトリクス」をLWCで表示するリアルタイム予約カレンダーの実装方法。モバイル対応のCSSテクニックや、LightningModalによるバリデーション実装を解説。
開発・LWC

【B2B不動産ポータル 制作日誌 Vol.2】物件詳細と画像スライダーを自作する:標準コンポーネントの壁を越えるCSS/JS実装

LWRサイト開発連載Vol.2。標準のカルーセルが使えない環境で、タッチスワイプ対応の画像スライダーをLWCで自作する方法を解説。CMS画像のパス生成や、CSSによるサムネイル制御の実装コードを公開します。
開発・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を紹介します。背景色、文字色、ボタン、フォーム、テーブル詳細まで、すべてエクスペリエンスビルダーのプロパティ画面からノーコードで設定可能な「完全版」コンポーネントです。
開発・LWC

【LWR × Design】脱・Salesforce感!Styling Hooks を使ってサイトのデザインを自由に操る方法

LWRサイトで「Salesforceっぽさ」を消すためのデザイン戦略。Styling Hooks(CSS変数)の正しい使い方と、UXを向上させるスケルトンスクリーンの実装方法を解説。