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

開発・LWC

開発・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)を実装する方法を解説します。
基礎・アーキテクチャ

【ソーシャルログイン】Experience Cloud に Google アカウントでログインさせる完全ガイド:Apex とカスタムメタデータ型による「実務級」の実装【決定版】

この記事はバージョン Winter '26 において執筆しています。現在の動作と異なる場合がありますので、ご認識おきください。「IDとパスワードを入力して会員登録する」 このプロセスは、現代のWebユーザーにとって大きな離脱ポイントになりま...
開発・LWC

【LWC開発】システム管理者に「設定」を委譲しよう!Experience Cloud用 js-meta.xml 完全ガイド

Experience Cloud用LWC開発の要、js-meta.xml の完全ガイド。ビルダーのプロパティパネルに設定項目を表示させ、システム管理者がカスタマイズ可能なコンポーネントを作る方法を解説。LWR向けのCMS連携設定も紹介。
開発・LWC

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

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