LWCでのファイルダウンロード
目的 LWC でのファイルダウンロード方法を共有します。 ソース構成図 force-app └─main └─default ├─classes │ ├─GetFileDemoC...
lwc
VFページにファイルアップロード方法
ClassモードでVFページにLWCを使う方法 Lightning Outの使用 提供されたコードはLightning Outを使用していますが、Classicモー...
【Salesforce】VFページにLWCを表示する方法
VF ページに LWC を表示する方法説明 基本的な考え方は VF ページに LightningOut という仕組みを利用して、LWC を表示すると思います。 LightningOut の仕組み VF ⇒ Aura ⇒ LWCという...
LWCでAWS S3と連携する方法
1.目的 今回 LWC 中に AWS の SDK for javascript で S3 と連携する方法を共有します。 2.前提 2.1.AWS S3 バケット Cross-Origin Resource Sharing (CORS)の設定 [ { "AllowedHeaders": ["*"], "AllowedMethods": ["HEAD", "GET", "PUT", "POST", "DELETE"], "AllowedOrigins": ["*"], "ExposeHeaders": ["ETag"] } ] 2.2.Salesforce 側...
LWCでのDatePicker自分で作る
1.目的 LWC での DatePicker の作成方法を共有します。 2.ソース構成図 lwc ├─datePicker └─datePickerContainer datePicker .select-box { background-color: rgb(255, 255, 255); border:...
LWCでの共通Util自分で作る
1.目的 今回 LWC での共通 Util の作成方法を共有します。 2.ソース構成図 lwc ├─commonUtil └─commonUtilChild commonUtil /** * デートフォ...
【Salesforce】LWCでの共通CSS
LWC 共通 CSS 方法説明 スタイルシートを使用して共通の CSS を定義し、それを複数のコンポーネントでインポートします。 CSS をグローバルに定義し、それをすべて...
LWCでのStyling Hooks
1.目的 今回Lighting Desigin Systemで提供された標準デザインを変えようと思います。 基本的にはスタイルフックを使って、標準のデザインを変...
LWCの再帰的なコンポーネントを作成する方法
再帰的なコンポーネント LWC（Lightning Web Component）で再帰的なコンポーネントを作成するには、コンポーネントが自身を呼び出す...
LWC GroupButtonコンポーネント自分で作る
1.目的 LWC でのループ回す方法は<template for:eatch={items} for:item="item" for:index="idx">ですが、但しタグ中には&...
LWC 条件判断コンポーネント自分で作る
1.目的 LWC での条件判断はif:trueまたはif:falseしか判断できないので、今回trueやfalseをこだわらない、複雑の条件を判断で...
LWCでカスタムCalendarコンポーネントを作る
SalesforceのLWCでカスタムCalendarコンポーネントを作る方法を紹介します。 https://www.lightningdesignsystem.com/components/datepickers/ 上記公式サイトのUIを基づいて、LWCでカスタ...
LWC ContextMenuコンポーネント自分で作る
1.目的 今回 LWC で ContextMenu コンポーネントを作成しようと思います、 基本的な考え方は右クリックをすると、カーソルの座標を取得し、 その座標を使って、Con...
【Salesforce】LWC Router
目的 今回自分で開発した Salesforce 側使える LWC での画面遷移方法を紹介します。 構成図 lwc ├─router ├─myRouterContainer ├─pageA...