LWC
Salesforce Lightning Component LibraryのLWCサンプルを試してみました。 Salesforce Lightning Component Library 赤枠部分でサンプルコードを確認できます。 サンプルコードの画面イメージ ExampleAccordionBasic ExampleAccordionConditional ExampleAcc…
Lightning Web Componentのサンプルコードを試しているときにTableタグのあたりでWARNINGメッセージが表示されました。 メッセージ内容はこんな感じ。 LWC1144: Invalid HTML detected, "<tbody>" was automatically inserted within "<table>"; the compiled template may</table></tbody>…
Lightning Web Componentのページアクセス方法についてです。VisualforceページのときにはVisualforceタブを作成してユーザに展開していましたが、Lightning Web コンポーネントで構築した画面にアクセスするには、「Lightningページタブ」と「Lightningコン…
Lightning Web コンポーネントのモーダル機能開発を試してみました。Youtube動画の「codeLive: How to Build Modals With Lightning Web Components」のサンプルコードを動かしてみる感じでやってみました。 codeLive: How to Build Modals With Lightning W…
Lightning Web コンポーネントの条件付きディレクティブ「if:true」の改良版「lwc:if」を試してみました。 条件付きディレクティブは、変数の値によって画面の表示 / 非表示を切り替える仕組みです。 今までは「if:true」「if:false」みたいな書き方でした。…
海外のSalesforce開発者の人のYoutubeチャンネルで公開されているLightning Web Component動画を見ながらサンプルコードを試してみました。 Lightning Web Components - YouTube Hello World シンプルなHello Worldコンポーネント。 Lightningページではなく…
Salesforce Developer Blogで紹介されていたLightning Record Picker Componentを試してみました。 Introducing the Lightning Record Picker Component | Salesforce Developers Blog どういうものかというと次のような仕組みとなっています。(※まだベータ…
Lightning Web Components 開発者ガイドを読んでLWC開発を試してみました。 Lightning Web Components 開発者ガイド 試してみた内容 Part 1からPart 15となりました。いくつかのページはスキップしましたが、開発者ガイドの内容はだいたい目を通せたと思いま…
Lightning Web Components 開発者ガイドのLightning Web コンポーネントのテストのところ。 Lightning Web コンポーネントのテスト | Lightning Web Components 開発者ガイド | Salesforce Developers JestをつかってLWCのテストを作成できるとのことです。 …
開発者ガイドのSalesforce 対象でのコンポーネントの使用のところ。 Salesforce 対象でのコンポーネントの使用 | Lightning Web Components 開発者ガイド | Salesforce Developers 組織の Lightning コンポーネントのリストの表示 設定メニューから一覧ペー…
Lightning Web Components 開発者ガイドのセキュアなコードの開発のところ。Lightning LockerとLightning Web セキュリティ (LWS) の話です。 セキュアなコードの開発 | Lightning Web Components 開発者ガイド | Salesforce Developers Lightning Locker の…
Lightning Web Components 開発者ガイドのSalesforce データの操作のところ。 Salesforce データの操作 | Lightning Web Components 開発者ガイド | Salesforce Developers データガイドライン Lightning データサービスについて説明があります。Lightning …
Lightning Web Components開発者ガイドのモバイル対応コンポーネントの作成のところ。 モバイル対応コンポーネントの作成 | Lightning Web Components 開発者ガイド | Salesforce Developers Lightning Web コンポーネントのモバイル開発について 参考リンク…
Lightning Web Components開発者ガイドの「イベントを使用した通信」のところ。 イベントを使用した通信 | Lightning Web Components 開発者ガイド | Salesforce Developers イベントの作成とディスパッチ CustomEventとEventTarget.dispatchEventの使い方に…
Lightning Web Componentsの開発者ガイドの「コンポーネントアクセシビリティ」と「ライフサイクルフック」のところ。 コンポーネントアクセシビリティ属性 スクリーンリーダーや他の支援技術でコンポーネントを使用できるようにする方法についてです。title…
Lightning Web Components開発者ガイドの「静的リソース、表示ラベル、Internationalization プロパティ、ユーザ ID、フォーム要素へのアクセス」のところ。Visualforceではこうやってたけど、LWCではどうやるのってなるので重要な内容。 Salesforce リソー…
Lightning Web Components 開発者ガイドのJavascriptセクションの話。 JavaScript | Lightning Web Components 開発者ガイド | Salesforce Developers JavaScript コードの共有 異なるコンポーネント間で共通のJavascriptを使用したいときの方法についてでし…
LWCの開発者ガイドのフィールド、プロパティ、属性のところです。 フィールド、プロパティ、属性 | Lightning Web Components 開発者ガイド | Salesforce Developers Public のプロパティ 他のページでもなんどか出てきた、@apiを宣言するとパブリックプロパ…
Lightning Web Componentsの「構成」に関する部分です。「コンポーネントは別のコンポーネントの本体に追加できます。構成によって、シンプルなビルディングブロックコンポーネントから複雑なコンポーネントを構築できます。」と最初のページに記載がありま…
Lightning Web コンポーネントの作成セクションのCSSの話。 CSS | Lightning Web Components 開発者ガイド | Salesforce Developers Lightning Design System を使用してコンポーネントのスタイルを設定する LWC開発のスタイルはLightning Design Systemを適…
Part 3です。Lightning Web Components 開発者ガイドの「Lightning Web コンポーネントの作成」の「HTML テンプレート」のところです。 HTML テンプレート | Lightning Web Components 開発者ガイド | Salesforce Developers HTML テンプレートの使用 最初に…
Part 2はLightning Web Components 開発者ガイドの「Lightning Web コンポーネントの作成」あたりからの続き。 コンポーネントフォルダ | Lightning Web Components 開発者ガイド | Salesforce Developers ファイルの構成 「.html」「.js」「js-meta.xml」「…
2014年ごろにLightning Component (Aura Component) が発表されて、まだ発展途上かなという感じで様子し、2019年ごろにLightning Web Componentにアップデートされました。まだ様子見かな、というかVisualforce × Remote Actionの方が良くない?と思っていま…
Trailhead サンプルアプリケーションを試してみました。GitHubにTrailhead Appsが用意されているのですが、ここに各LWCのサンプルアプリケーションのリンクがあります。README.mdを見れば環境構築の方法を確認できます。実際に動かしてみてイメージを把握し…
TrailheadのVisualforce to LWC サンプルアプリを試してみました。Lightning Web コンポーネントの中にVisualforceページ埋め込む形で開発する方法についてです。 Quick Start: Explore the Visualforce to LWC Sample App | Salesforce ハンズオン組織を作…
Lightning Web コンポーネントのモバイルアプリケーションシミュレータを試してみました。 Set Up Your Salesforce Mobile Developer Tools for Lightning Web iOS モバイル シミュレーターの準備方法 シミュレータを使うにはXcodeが必要となります。利用で…
TrailheadにまとめられているLightning Web コンポーネント開発のトラブルシューティングを試してみました。Google ChromeブラウザのDevToolsを使ってLightning Web コンポーネントのJavascriptデバッグについての話です。 Lightning Web Component Troubles…
TraileahdのVisualforce 開発者向けの Lightning Web コンポーネントを試してみました。 内容としてはLightning コンポーネントを利用することのメリットについて学べる感じです。 Lightning Experience と Lightning コンポーネントフレームワーク Visualfo…
TrailheadのLightning Web コンポーネント間の通信を試してみました。 Communicate Between Lightning Web Components | Salesforce Trailhead 子から親へのコミュニーケーション Controls コンポーネントから Numerator コンポーネントへの通信という形のサ…
Lightning Web コンポーネントの熊追跡アプリケーションの作成を試してみました。TrailheadのLightning Web コンポーネントお試しアプリケーションです。 Lightning Web コンポーネントを使用した熊追跡アプリケーションの作成 Salesforce環境の準備 このア…