Kitaarashi共有するFacebookTwitterEmailLinkedInこんにちは、アピリオ北嵐です。開発方法まで解説しました。第5回目の今回は応用編ということで、本格的なLWCの実装時に必要となるテクニックをいくつか紹介したいと思います。外部ライブラリの読込みページ遷移トーストメッセージの表示レコードIDの取得ログインユーザーIDの取得コードの共有化AuraコンポーネントでJavaScriptコードをコンポーネント間で共有化することは少し面倒であり、静的リソースとしてJavaScriptコードを登録したり、コンポーネントの継承の仕組みを使うといったテクニックが必要でした。共有コードとして登録するコンポーネントにはhtmlファイルは必要なく、JavaScriptファイルとメタデータファイルのみの構成となります。付けてimportしてください。toStringFromDate(today);[呼出し側のコード]イベントの利用コンポーネントがお互いに連携して動作するために、LWCでもイベントの仕組みが提供されています。Auraコンポーネントではイベント・コンポーネントを定義してから使う必要がありましたが、LWCでは標準のカスタムイベントの仕組みを使ってイベントの送受信を行えます。下記のようにページ内のボタンを押すとPage番号が変更されるコンポーネントの例を下記に示します。子のlwc_pagingコンポーネントは、ボタンが押されるとイベントを親のlwc_eventSampleコンポーネントに送る構造になっています。イベントの送信イベントを送信するには、名前を付けてCustomEventを作成してからdispatchします。}[lwc_pagingコンポーネント:JavaScript]イベントの受信DOMのツリー階層で子供のコンポーネントから送信されたイベントを親コンポーネントが受信する一番簡単な方法は、下記のようにhtmlの属性としてイベントハンドラを定義することです。形式でイベントハンドラを定義します。html]JavaScript側ではイベントハンドラのコードを記述します。pageプロパティの値をインクリメント/デクリメントしています。JavaScript]上記の例ではパラメータなしでイベントを送信しています。detailパラメータに値をセットしてからCustomEventを生成します。属性から送信したパラメータを取得します。詳しくイベント処理を知りたい方は公式ガイドを参照してみてください。(js用)関数を使用します。loadScript関数を使って読み込んでいます。then()に登録された関数が実行されます。サンプルでは$変数をクラスのiquery属性にセットしています。}トーストメッセージの表示LEX環境でお馴染みのトースト形式でメッセージを表示したい場合は、ShowToastEventを使用します。このイベントの詳細については公式ガイドを参照してください。特定のレコードページを表示するといったページ遷移を行いたい場合は、NavigationMixinクラスをimportしてから継承します。下記の例では、レコードIDを指定して商談の詳細ページに遷移しています。LWCでは、このNavigationMixinの仕組みを使って様々な要素へのナビゲーションが提供されています。詳細については公式ガイドを参照して下さい。}レコードIDの取得LWCコンポーネントをレコードページに配置した場合は、publc属性としてrecordIdプロパティ定義すると、起動時に自動的に親レコードのIDがセットされます。下記のimport文を定義することで、現在ログイン中のSalesforceアカウントのIDを取得することが可能です。'@salesforce/user/Id';3|おわりにいかがでしたでしょうか。LWCでもAuraコンポーネントと同様な機能を実現できるように、やり方は少し異なりますが一通りの機能を実装できるようになっています。今回紹介したテクニックの詳細を知りたい方は、少しボリュームはありますが公式ガイドを参照してみてください。本ブログが少しでもお役に立てれば幸いです。入門(全5回)シリーズは下記のリンクからご覧いただけます。著者についてアピリオのシニアコンサルとしてクラウドの世界に身を投じてはや5年あまり。プロジェクトでの立場に応じて、アーキテクト、リーダー、デベロッパーと様々なロールの仕事に携わっています。新しいサービスと技術が登場するSalesforceの世界はエンジニアとして常に刺激を持ち続けられるエリアであり、2019年からはMuleSoftソリューションの起ち上げに関わっています。CLIを使って行います。今回はこのCLI(コマンドライン・インターフェース)にスポットを当ててみたいと思います。使ったリリース方式です。アピリオに入社間もない私が、アピリオの概要からSalesforceに関する社内研修を通して感じた、アピリオの企業文化についてをご紹介します。アプリケーションの実装方法を引き続きご紹介します。アプリケーションの実装方法について紹介しようと思います。リソースのバージョン」)を管理する必要があります。バージョン管理についてご紹介します。API管理は標準のポリシーの組み合わせで幅広い要件をカバーできますが、場合によっては既存機能の拡張や新機能の定義が必要になります。今回は、「カスタムポリシー」の開発手順についてご紹介します。実装したらすぐに運用開始できるというものではありません。ポリシー設定についてご紹介します。開発におけるテストについて考えていきます。つのレベルの検証を実施すべきと考えます。して提供されている単体テスト用のフレームワークです。同じようにテストスイートを実行することで単体テストを自動実行できます。使ったブラウザ環境でのMuleアプリケーションの開発についてご紹介します。Muleアプリケーションを作成することに比べて、とても手軽にアプリケーションを開発できます。変換例を紹介しようと思います。変数や関数の利用、典型的な変換パターンを例を交えて説明します。