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

CSS

開発・LWC

【LWC】LWRサイトのテーマに完全適応するログイン・ログアウトを切り替えるボタンの実装【Design Tokens活用】

LWRサイトで、ユーザーのログイン状態に応じて「ログイン」と「ログアウト」の表示を自動で切り替えるLWCの実装方法を解説します。ゲストユーザー判定と動的なURL生成を含む完全なコード例です。
開発・LWC

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

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

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

LWRサイト開発連載Vol.2。標準のカルーセルが使えない環境で、タッチスワイプ対応の画像スライダーをLWCで自作する方法を解説。CMS画像のパス生成や、CSSによるサムネイル制御の実装コードを公開します。
ビルダー・設定

【LWR小技】ページの途中で背景色が切れてしまう!「height: 100%」の罠と解決法

LWRサイトで、設定した背景色が画面の下部まで適用されず途中で切れてしまう問題の解決法を紹介します。原因となる標準CSSの特定と、ヘッドマークアップを使った修正手順を解説。【Salesforce Experience Cloud】
ビルダー・設定

【紅茶ECサイト 制作日誌 Vol.1】「これ本当にExperience Cloud?」LWCゼロで構築する、英国風ECサイトのトップページデザイン術

架空の英国紅茶ECサイト「The Royal Brew」のトップページを、LWC開発なしで構築。標準コンポーネントと画像素材、そしてAppExchange「Flexi-Grid Layout」を駆使して「脱・Salesforce感」を実現したデザインテクニックを公開。
開発・LWC

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

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