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

開発・LWC

開発・LWC

【@lwc/state連載】第1回:LWCの次世代状態管理 入門と基礎概念

Salesforce LWCにおける新しい状態管理アプローチ「@lwc/state」の基本概念を解説します。Lightning Experienceで実際に動かせる完全なサンプルコード(メタデータ含む)を用いて、UIと状態の分離を実践します。
ビルダー・設定

要ログインのLWRサイトでユーザーID/取引先責任者IDをメッセージングレコードに渡す方法【開発極小】

ログインが必要なLWRサイトで、Pre-Chat APIとLWCを使用してログインユーザーの取引先責任者IDをオムニチャネルフローに渡す方法を解説。LWSエラーの回避策と必須のマッピング設定も網羅しています。
データ・AI連携

Agentforce × LWC完全実装ガイド:Function CallingとLightningTypeBundleで実現する「GUIを持つAIエージェント」

AgentforceのFunction Callingにおいて、LWCを用いたリッチな入出力(Input/Output)UIを実装する方法を完全解説します。LightningTypeBundleのメタデータ構成からApex DTO設計、イベントハンドリングまでを網羅した実践ガイドです。
データ・AI連携

LWR × Agentforce開発者ガイド:Context Passing Framework (Beta) の全貌 —— 技術仕様からビジネス戦略まで

Salesforce Spring '26で登場するContext Passing Frameworkの完全ガイド。ステートレスなWebとAIの文脈を繋ぐ技術仕様、LWC実装コード、そしてAgentforceによるビジネス価値の最大化戦略を解説します。
開発・LWC

LWRサイトのパフォーマンス・デバッグ術:Chrome DevToolsとSSR時代のボトルネック特定(Community Page Optimizerは使えない?)

LWRサイトやExperience Delivery環境でのパフォーマンスチューニング手法を解説。Community Page Optimizerが使えない現状での代替手段、SSR環境特有のデバッグモード、ハイドレーションエラーの調査方法をChrome DevToolsを使って実践的に紹介します。
開発・LWC

LWRにおけるサードパーティスクリプトの正しい読み込み方:x-oasis-script の活用とExperience Delivery (SSR) 時代の注意点

LWRサイトで外部スクリプトが動作しない問題を解決する <x-oasis-script> の使い方と、Experience Delivery (SSR) 環境下でサーバーエラーを防ぐための実装コード、CSP設定の注意点を上級開発者向けに解説します。
開発・LWC

【Spring ’26】LWRサイトに「ダークモード」を実装する:ExperiencePropertyTypeBundleによるテーマ管理コンポーネント作成ガイド

Spring '26の新機能ExperiencePropertyTypeBundleを使用して、LWRサイト用の高度なダークモード切替コンポーネントを作成します。設定画面のUI構築からCSS変数の動的適用まで、最新の標準実装を完全解説。
開発・LWC

【Spring ’26 GA】LWRサイトのプロパティ入力を完全掌握!ExperiencePropertyTypeBundle 実装ガイド

Spring '26で一般提供開始(GA)となるExperiencePropertyTypeBundleを使用して、LWRサイトのLWC設定画面(CPE)をカスタマイズする方法を解説します。schema.jsonとdesign.jsonによる新しい実装パターンを習得しましょう。
開発・LWC

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

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

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

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