LightningElement } from 'lwc'; import '@salesforce/lightning-types'; import type LightningButton from 'lightning/button'; export default class ComponentExample extends LightningElement { submitLabel: string = 'Submit'; } Copyright © Kitalive Inc. All Rights Reserved. 概要 • TypeScriptは、JavaScriptの型付きスーパーセットであり、より堅牢なプログ ラミングを可能にする。 • 開発者はこれらの型定義を Lightning Webコンポーネント( LWC)にインポー トすることで利用できる。 • 例えば、JavaScriptファイルの上部に import { LightningElement } from 'lwc'; import '@salesforce/lightning-types'; import type LightningButton from 'lightning/button';といった形式で型をインポート • この機能はデベロッパープレビュー版として提供中 メリット • より堅牢な型チェックとハンドリングを提供し、コードの品質を向上させる。 • エラーを早期に発見し、コードをより安定させるのに役立つ。 • Visual Studio Codeにおけるオートコンプリートや型チェックを通じて開発 者の生産性を向上させる。 • 開発プロセスをよりスムーズで信頼性の高いものにし、 エンタープライズ規模 のアプリケーション開発に対応可能にする。 • 開発者がより良いコードを記述し、パフォーマンスを改善し、エンタープライズ 規模のSalesforceプロジェクトに対応する準備を整えるのに役立つ。 Lightning ベースコンポーネントで TypeScript を使用する