tyoshikawa1106のブログ

- Force.com Developer Blog -

SFDC:TrailheadのSpring '24 Release Highlightsモジュールをチェックしてみました

TrailheadのSpring '24 Release Highlightsモジュールをチェックしてみました。

Spring '24 Release Highlights | Salesforce Trailhead

Highlightsの概要

プラットフォームの新機能: 構築、自動化、安全性を参照してください。

Plan and Test with Scale Test









セールス、サービス、マーケティング、プラットフォームは上記のような内容でした。残りは省略。

SFDC:Salesforce Lightning Component LibraryのLWCサンプルを試してみました - Part 1

Salesforce Lightning Component LibraryのLWCサンプルを試してみました。

Salesforce Lightning Component Library


赤枠部分でサンプルコードを確認できます。

サンプルコードの画面イメージ

ExampleAccordionBasic


ExampleAccordionConditional


ExampleAccordionMultiple


ExampleAccordionSectionBasic


ExampleAlert


ExampleAvatarBasic


ExampleAvatarSizes


ExampleAvatarVariant


ExampleAvatarInitials


ExampleAvatarIcons


ExampleBadgeBasic


ExampleBadgeWithIcon


ExampleBarcodeScanner


ExampleBreadcrumbs


ExampleButtonBasic


ExampleButtonDisabled


ExampleButtonWithIcon


ExampleButtonInverse


ExampleButtonOnclick


ExampleButtonAccesskey


ExampleButtonGroupBasic


ExampleButtonGroupDisabled


ExampleButtonGroupWithMenu


ExampleButtonGroupWithMenuDisabled


ExampleButtonIconBasic


ExampleButtonIconSizes


ExampleButtonIconInverse


ExampleButtonIconStatefulBasic


ExampleButtonIconStatefulVariants


ExampleButtonMenuBasic


ExampleButtonMenuWithIcon


ExampleButtonMenuVariants


ExampleButtonMenuOnselect


ExampleButtonStatefulBasic


ExampleButtonStatefulInverseVariant


ExampleButtonStatefulNoIcon


ExampleButtonStatefulInverseVariant


ExampleButtonStatefulTextAndIcon


ExampleCardBasic


ExampleCardNarrow


ExampleCardCustom


ExampleCarouselBasic


ExampleCarouselWithoutAutoScroll


ExampleCheckboxGroupBasic


ExampleCheckboxGroupRequired


ExampleCheckboxGroupDisabled


ExampleClickToDialBasic


ExampleComboboxBasic


ExampleComboboxDisabled


ExampleConfirm


ExampleDataTableBasic


ExampleDataTableWithRowNumbers


ExampleDataTableWithRowActions


ExampleDataTableWithInlineEdit


ExampleDataTableWithSorting


ExampleDualListboxSimple


ExampleDualListboxSelected


ExampleDualListboxRequired


ExampleDualListboxMinMax


ExampleDynamicIcon


ExampleEmpApi


ExampleFileUpload


GitHub リンク

SFDC:インテリジェントドキュメントリーダーについて調べてみました

Trailheadで見かけたインテリジェントドキュメントリーダーについて調べてみました。光学式文字認識(OCR)と Amazon Textract を使用してデータ化できる製品とのことです。

Automated Data Extraction with Intelligent Document Reader |


インテリジェントドキュメントリーダーアドオンライセンスで使用できるアドオン製品とのことです。



ヘルプサイトで日本語の情報を確認できます。

インテリジェントドキュメントリーダー


ヘルプサイト内のYoutube動画が機能概要を把握しやすそうでした。


設定時にはAWSアカウントの作成と権限の割当などが必要になります。


その他参考サイトはこちら。

SFDC:Lightning Web ComponentのTableタグのWARNINGメッセージの解決方法について

Lightning Web Componentのサンプルコードを試しているときにTableタグのあたりでWARNINGメッセージが表示されました。


メッセージ内容はこんな感じ。

LWC1144: Invalid HTML detected, "<tbody>" was automatically inserted within "<table>"; the compiled template may not match the template source.


エラーではなく警告メッセージだったのでコードの保存には支障はでないのですが、VSCodeの問題タブに表示されるのでこのままにしておきたくない内容。


この警告メッセージについてはtbodayタグを省略せずに記載することで解決できるみたいです。(念のためtheadタグの方も追加しました。)


ちなみにtemplateタグは画面表示の際には、余計なタグになったりせずにきれいに変換されます。


Lightning Web ComponentのTableタグのWARNINGメッセージの表示が出た場合はこんな感じで解決できました。

SFDC:Lightning Web Componentのページアクセス方法について

Lightning Web Componentのページアクセス方法についてです。VisualforceページのときにはVisualforceタブを作成してユーザに展開していましたが、Lightning Web コンポーネントで構築した画面にアクセスするには、「Lightningページタブ」と「Lightningコンポーネントタブ」の2種類の方法があります。

Lightningページタブ

LightningアプリケーションビルダーでLightningページを作成し、その中にLightning Web コンポーネントを配置してユーザに展開する方法です。


テンプレートはアプリケーションページを選択します。これでホームページやレコードページとは別で独立したページとして作成できます。


Lightningページをつかえば、指定のレイアウト形式を適用して複数のコンポーネントを自由配置するといった設定が簡単にできます。


ただし、ページヘッダー的なものが必ず表示されるようになっていました。


Lightningコンポーネントタブ

Lightningコンポーネントタブは一種類のLightningコンポーネントページ用にタブを作成できます。


Lightningページのように複数のコンポーネント配置はしずらくなりますが、Visualforceページタブと同じ感覚で使えるやり方です。また、ページヘッダー的なものが表示されることもないので、ヘッダー部分から自作したいという場合にはこちらの方法を選択すれば良いのかなと思います。


Visualforceタブと同じ感覚で開発画面のページアクセスをさせたいときには、LightningページではなくLightningコンポーネントタブを使えば実現できます。開発した画面をどのようにユーザに見せたいかという部分で使い分けすれば良さそうです。

SFDC:Lightning Web Componentのモーダル機能開発を試してみました

Lightning Web コンポーネントのモーダル機能開発を試してみました。Youtube動画の「codeLive: How to Build Modals With Lightning Web Components」のサンプルコードを動かしてみる感じでやってみました。

codeLive: How to Build Modals With Lightning Web Components - YouTube

機能の動作イメージ

動作イメージはこんな感じです。

初期表示


ボタンクリックしてモーダル表示


Color Pickerの操作


Selectボタンクリック時の値渡し


モーダル側のコード


メモ

JSファイル内で次の宣言を行うことでモーダルの基本的な処理が適用されてそれに対して拡張できる感じ。

import LightningModal from 'lightning/modal';
extends LightningModal

呼び出し元画面のコード


メモ

呼び出し元画面側のJSファイルでは次のようにモーダル側のLWCをインポートすることで変数アクセスや処理呼び出しが可能になります。

import myColorPickerModal from 'c/myModalColorPicker';

考え方は次のとおり。

import <任意の変数名> from 'c/<モーダル側のLWC名>';


また、11か月前に公開の動画内では await処理をつかってモーダルのopen処理を呼び出していましたが、最新版ではその書き方はできませんでした。戻り値は次のように.thenを宣言して行います。

}).then((result) => {
    this.selectedColor = result;
});

モーダル機能開発方法の詳細

Component Library

参考サイト

動画の内容のテキスト版はこちら。

SFDC:Winter'24の開発とカスタマイズの新機能メモ

TrailheadのSalesforce 認定資格の維持トレイルで紹介されていた新機能のメモ。たぶん試してみたりはしないけど覚えておく必要はあるので振り返り用です。

ユーザーモードデータベース操作で Apex コードを保護する

SOQL クエリに WITH USER_MODE または WITH SYSTEM_MODE を使用できる話。


レコードトリガーフローでカスタムエラーメッセージを作成する

フローで新しくできるようになった機能の話。

Iterable を使用して for ループ内の反復処理を簡単に実行する

ApexでIterableという書き方ができるようになった話。

Comparator インターフェースと Collator クラスを使用して並び替える

List クラスで新しい Comparator インターフェースがサポートされるようになった話。

SOQL クエリにバインド変数を動的に渡す

新しい Database.queryWithBinds、Database.getQueryLocatorWithBinds、Database.countQueryWithBinds メソッドの話。

反応型コンポーネントを使用して画面フローを作成する

フローで新しくできるようになった機能の話。

モバイルユーザーの動的フォームエクスペリエンスを実現する

動的フォームの話。

ナレッジコンテンツの Lightning 記事エディターと記事のパーソナライズを有効にする

ナレッジ機能の話。

関連リストで一括クイックアクションを使用して時間を節約する

Lightningの関連リストの一括クイックアクションの話。

Salesforce ファイルへの公開リンクにパスワードまたは有効期限を設定する

ファイル機能の話。


Winter'24の開発とカスタマイズ系の新機能の一部として紹介されていたものはこんな感じでした。