開発・LWC LWC設定画面をカスタマイズ！Custom Property Editor (CPE) 実装ガイド【基礎からApex連携まで】
エクスペリエンスビルダーのコンポーネント設定画面を、標準の入力欄からカスタムUI（CPE）に変更する方法を解説します。1つのバナーコンポーネントを作成しながら、スライダーによる数値調整（基礎）と、Apex連携による動的リスト（応用）の実装フローを学びます。
開発・LWC
開発・LWC 
開発・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）を実装する方法を解説します。
基礎・アーキテクチャ 【ソーシャルログイン】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を向上させるスケルトンスクリーンの実装方法を解説。