パフォーマンスが改善されたとか、html、Js、cssと取っつきやすい構造になったとか、これから積極的に使っていきたい機能ではあります。基本的な機能を紹介させていただきます。(今後はもっと踏み込んだ機能も紹介しようと思います。)過去記事も参考にしてください。(LWC)のご紹介ライフサイクル初期表示(initialize)時のライフサイクルイベントのフローは以下の通りです。constructor()コンポーネントの作成時に呼び出されます。connectedCallback()要素がドキュメントに挿入されるときに呼び出されます。renderedCallback()コンポーネントがレンダリングされるたびに呼び出されます。同じ子コンポーネントを複数個、親コンポーネントに配置した場合、constructorなどでSQOLをクエリすると、下の図のようにトランザクションは1つにまとめられます。3つのデコレータを提供しています。(デコレータ自体はECMAScriptの機能です。)@trackプロパティの値が変更されると、コンポーネントが再レンダリングされます。プロパティはプライベートなので、自コンポーネント内でのみアクセス可能です。'sample';}コード例:sample.js@apiプロパティの値が変更されると、コンポーネントが再レンダリングされます。プロパティはパブリックなので、自コンポーネント外からでもアクセス可能です。利用し、Salesforceのデータまたはメタデータの操作ができます。データをプロビジョニングすると、コンポーネントが再レンダリングされます。></lightning-input></template>コード例:sample.html@wireを使ってApexメソッドをコールできますが、使わなくてもコールすることができます。APIも提供されています。uiObjectInfoApiオブジェクトのメタデータや選択リストの値を取得できます。uiListApi(ベータ)オブジェクトのレコードをリストビュー形式で取得できます。ゲッター/セッタープロパティの値を、条件によって変えたい場合に利用できます。下記コードは、親コンポーネントから受け取った値を、子コンポーネントで値を変更して出力する例です。}}コード例:sampleChild.js注意事項コンポーネントに複数の@apiプロパティがある場合、割り当ての順番は保証されていないので、他の@apiプロパティの値に依存するセッターは作成しないようにしましょう。さいごにいかがでしたでしょうか?まだまだ、紹介しきれていない機能がありますが、またの機会に紹介できたらと思います。library(英語ですが・・・)などで情報が展開されていますので、そちらを参考にしていただければと思います。ComponentsTerraSkyBaseについてTerraSkyBaseはクラウドサービスを手掛ける株式会社テラスカイのコンテンツプラットフォームです。