lwc

LWC 標準の日付選択コンポーネントは<lightning-input type="date">となりますが、カスタ...

lightning/modal モジュール 「lightning/modal」はSalesforceのLightningコンポーネントフレームワークにおけるモーダルダイアロ...

lightning/confirm モジュール lightning/confirm モジュールを使用すると、コンポーネントに確認モードを作成できます。コンポーネントで LightningConfirm を使用して、続行する前にユーザーが応答する...

lightning/alert モジュール lightning/alert モジュールを使用すると、コンポーネントに警報モードを作成できます。機能やページだけでなく、コンポーネント上で LightningAlert を使用してシステ...

Salesforce のデバッグ方法 デバッグログの有効化: Salesforce のセットアップで、デバッグログを有効にすることができます。デバッグログは、Apex コードやトリガーの...

Salesforce テストクラスは、Apex コードのユニットテストを実行するために使用されます。 以下は、Salesforce テストクラスの作成手順の概要です。...

ログアウト方法 1 <site_name>/secur/logout.jspへ遷移し、ログアウトする方法 lwc:logout <template> <lightning-button label="...

LWC での画面遷移 LWC の中にNavigationMixinを提供しています、それを利用して、画面を遷移することができます、今回はNavigatio...

VSCode の環境構築 今回に関しては設定は詳しく説明しません、やり方のみ詳しく説明させていただきます。 下記リンクを開いて、自分の PC にダウンロードする GitHub...

LWCライフサイクルフックの説明 LWC のライフサイクルフックには、インスタンス化、接続、更新、破棄の 4 つのフェーズがあります。それぞれのフェーズ...

LWC（Lightning Web Component） とは LWC（Lightning Web Component） は、Web Componentsを使用して...

LWC の環境構築方法 LWC の環境構築の詳しい方法は以下のようになります。 Salesforce の Developer Edition アカウントを取得します。 Developer Edition アカウントは、開発者向けのアカウントで、...

目的 LWC でのファイルダウンロード方法を共有します。 ソース構成図 force-app └─main └─default ├─classes │ ├─GetFileDemoC...

目的 今回 Classic モードで Visualforce に LWC のでファイル一括ダウンロードする方法を共有します。 前提 jszip.js を静的リソースにアップロードする ソース構成図 force-app └─main └...

目的 LWC のlightning-quick-action-panelモーダル画面の幅を調整できないため、 今回 Aura と LWC でのアクションボタンが表示した...

目的 LWC での Path 共通コンポーネントを共有します。 実装例 path path.html <template> <div class="slds-path"> <div class="slds-grid slds-path__track"> <div class="slds-grid slds-path__scroller-container"> <div class="slds-path__scroller"> <div class="slds-path__scroller_inner"> <ul class="slds-path__nav" role="listbox" aria-orientation="horizontal" > <template for:each="{pathItemList}" for:item="pathItem" for:index="index" > {getIndex} <template if:true="{pathIndexGeCurrentIndex}"> <li key="{pathItem}" if:true="{pathIndexEqCurrentIndex}" class="slds-path__item slds-is-current slds-is-active" role="presentation" > <a aria-selected="true" class="slds-path__link" href="javasctipt:void();" role="option" tabindex="-1" > <span class="slds-path__stage">...

1.目的 レスポンスクラスハンドラーの作成方法を共有します。 2.ソース /** * リクエストの結果をハンドリングする. * @param {Promiss} promiss * @return reponse レスポンス => {success: XXX, data:...

LWC での Toast メッセージ LWC で Toast メッセージを表示するために、共通の Util クラスを作成することができます。 Toast メッセージのタイトル、メッセージ、種類(suc...

共通モーダル画面作成方法説明 共通モーダルはモーダルを開くための API を持ち、他のコンポーネントから呼び出すことができます。 他のコンポーネントで、...

Apex共通レスポンス基底クラス作成方法 LWC で Apex クラスを呼出す基底クラスを作成する方法を共有します。 LWC で Apex クラスを呼出すときの返却値は主に正常...