【必見】Experience CloudでLWRを採用すべき決定的な理由

制作日誌

開発・LWC

【ペットクリニックサイト 制作日誌 Vol.5】Headless認証後のUIセッション化とSingle-Access APIの実装

Headless Identityフローの最終段階は、APIで取得したアクセストークンをブラウザのUIセッション(Cookie)に変換し、マイページへ遷移させることです。最終となる第五弾の本記事では、公式推奨エンドポイントの利用と、実装時に...
開発・LWC

【ペットクリニックサイト 制作日誌 Vol.4】ReactとSalesforce Headless API連携:CORS制約とレートリミット対策

SPA(React)からSalesforceのHeadless Identity APIを直接呼び出す際のリダイレクトハック、モック化によるレートリミット回避策、およびアーキテクチャのトレードオフを解説します。
基礎・アーキテクチャ

【ペットクリニックサイト 制作日誌 Vol.3】外部クライアントアプリケーション(ECA)を用いたHeadless Identity認証設定

パスワードレスのHeadless Identityを実装するために必要な外部クライアントアプリケーション(ECA)の設定、OAuthポリシー、およびユーザー検出ハンドラーの実装方法を解説します。
開発・LWC

【ペットクリニックサイト 制作日誌 Vol.2】Headless Identityでの自己登録ハンドラー実装とデータ処理の最適解

SalesforceのHeadless Identityを用いたパスワードレス登録処理において、Apexハンドラーを用いて複数レコードを1トランザクションで生成する手法と、実装時の落とし穴を解説します。
基礎・アーキテクチャ

【ペットクリニックサイト 制作日誌 Vol.1】ReactとSalesforce Headless Identityで作るパスワードレス会員ポータルアーキテクチャ

外部Webサイト(React)とSalesforceを連携させた動物病院向けポータルの構築日誌。左スライドインドロワー、Headless Identityを用いたパスワードレス認証のアーキテクチャ設計と技術選定のトレードオフを解説します。
開発・LWC

【カーコンフィギュレーションサイト 制作日誌 Vol.3】LWCで実現する3D空間のライティング設計と高度なマテリアル制御

3Dカーコンフィギュレーター構築連載の最終回。UI配置を考慮したカメラ制御、物理的な床と壁を用いたスタジオライティング、PBRマテリアル(金属感やクリアコート)の動的制御と発光表現を解説します。
開発・LWC

【カーコンフィギュレーションサイト 制作日誌 Vol.2】Three.jsを独自ビルドし外部サーバーの3DモデルをLWCで読み込む

Experience CloudでThree.jsを動作させる際のES Modules非対応問題、静的リソース制限を越える外部ホスティングとCSP/CORS設定、LWS環境下でのエラー回避手法を解説します。
開発・LWC

【カーコンフィギュレーションサイト 制作日誌 Vol.1】LWC単一コンポーネントで作る3DコンフィギュレーターのシームレスUI実装

WebGLを用いた3Dカーコンフィギュレーターを構築する連載第1回。コンポーネント間通信を省き、単一LWCとCSS絶対配置を用いたUIのオーバーレイ実装や、Stencilsによるロード状態の制御手法を解説します。
開発・LWC

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

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

【B2B不動産ポータル 制作日誌 Vol.4】Agentforceをサイトユーザーに開放する裏技:指定ログイン情報ループバック接続とAgentforce回答解析

LWRサイト開発連載Vol.4。Partner / Customer CommunityライセンスのユーザーがAgentforceを利用できない制限を「指定ログイン情報ループバック接続」で回避する方法と、AIの回答から正規表現で物件IDを抽出してUIに表示する実装テクニックを解説。
B-ONE 案内エージェント