tyoshikawa1106のブログ

- Force.com Developer Blog -

LWC

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

Salesforce Lightning Component LibraryのLWCサンプルを試してみました。 Salesforce Lightning Component Library 赤枠部分でサンプルコードを確認できます。 サンプルコードの画面イメージ ExampleAccordionBasic ExampleAccordionConditional ExampleAcc…

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</table></tbody>…

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

Lightning Web Componentのページアクセス方法についてです。VisualforceページのときにはVisualforceタブを作成してユーザに展開していましたが、Lightning Web コンポーネントで構築した画面にアクセスするには、「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 W…

SFDC:LWCの改良された条件付きディレクティブを試してみました

Lightning Web コンポーネントの条件付きディレクティブ「if:true」の改良版「lwc:if」を試してみました。 条件付きディレクティブは、変数の値によって画面の表示 / 非表示を切り替える仕組みです。 今までは「if:true」「if:false」みたいな書き方でした。…

SFDC:Youtube動画のLWCサンプルコードを試してみました

海外のSalesforce開発者の人のYoutubeチャンネルで公開されているLightning Web Component動画を見ながらサンプルコードを試してみました。 Lightning Web Components - YouTube Hello World シンプルなHello Worldコンポーネント。 Lightningページではなく…

SFDC:Lightning Record Picker Componentを試してみました

Salesforce Developer Blogで紹介されていたLightning Record Picker Componentを試してみました。 Introducing the Lightning Record Picker Component | Salesforce Developers Blog どういうものかというと次のような仕組みとなっています。(※まだベータ…

SFDC:Lightning Web Components 開発者ガイドを読んでLWC開発を試してみました

Lightning Web Components 開発者ガイドを読んでLWC開発を試してみました。 Lightning Web Components 開発者ガイド 試してみた内容 Part 1からPart 15となりました。いくつかのページはスキップしましたが、開発者ガイドの内容はだいたい目を通せたと思いま…

SFDC:Lightning Web Componentsの開発 - Part 15

Lightning Web Components 開発者ガイドのLightning Web コンポーネントのテストのところ。 Lightning Web コンポーネントのテスト | Lightning Web Components 開発者ガイド | Salesforce Developers JestをつかってLWCのテストを作成できるとのことです。 …

SFDC:Lightning Web Componentsの開発 - Part 14

開発者ガイドのSalesforce 対象でのコンポーネントの使用のところ。 Salesforce 対象でのコンポーネントの使用 | Lightning Web Components 開発者ガイド | Salesforce Developers 組織の Lightning コンポーネントのリストの表示 設定メニューから一覧ペー…

SFDC:Lightning Web Componentsの開発 - Part 13

Lightning Web Components 開発者ガイドのセキュアなコードの開発のところ。Lightning LockerとLightning Web セキュリティ (LWS) の話です。 セキュアなコードの開発 | Lightning Web Components 開発者ガイド | Salesforce Developers Lightning Locker の…

SFDC:Lightning Web Componentsの開発 - Part 12

Lightning Web Components 開発者ガイドのSalesforce データの操作のところ。 Salesforce データの操作 | Lightning Web Components 開発者ガイド | Salesforce Developers データガイドライン Lightning データサービスについて説明があります。Lightning …

SFDC:Lightning Web Componentsの開発 - Part 11

Lightning Web Components開発者ガイドのモバイル対応コンポーネントの作成のところ。 モバイル対応コンポーネントの作成 | Lightning Web Components 開発者ガイド | Salesforce Developers Lightning Web コンポーネントのモバイル開発について 参考リンク…

SFDC:Lightning Web Componentsの開発 - Part 10

Lightning Web Components開発者ガイドの「イベントを使用した通信」のところ。 イベントを使用した通信 | Lightning Web Components 開発者ガイド | Salesforce Developers イベントの作成とディスパッチ CustomEventとEventTarget.dispatchEventの使い方に…

SFDC:Lightning Web Componentsの開発 - Part 9

Lightning Web Componentsの開発者ガイドの「コンポーネントアクセシビリティ」と「ライフサイクルフック」のところ。 コンポーネントアクセシビリティ属性 スクリーンリーダーや他の支援技術でコンポーネントを使用できるようにする方法についてです。title…

SFDC:Lightning Web Componentsの開発 - Part 8

Lightning Web Components開発者ガイドの「静的リソース、表示ラベル、Internationalization プロパティ、ユーザ ID、フォーム要素へのアクセス」のところ。Visualforceではこうやってたけど、LWCではどうやるのってなるので重要な内容。 Salesforce リソー…

SFDC:Lightning Web Componentsの開発 - Part 7

Lightning Web Components 開発者ガイドのJavascriptセクションの話。 JavaScript | Lightning Web Components 開発者ガイド | Salesforce Developers JavaScript コードの共有 異なるコンポーネント間で共通のJavascriptを使用したいときの方法についてでし…

SFDC:Lightning Web Componentsの開発 - Part 6

LWCの開発者ガイドのフィールド、プロパティ、属性のところです。 フィールド、プロパティ、属性 | Lightning Web Components 開発者ガイド | Salesforce Developers Public のプロパティ 他のページでもなんどか出てきた、@apiを宣言するとパブリックプロパ…

SFDC:Lightning Web Componentsの開発 - Part 5

Lightning Web Componentsの「構成」に関する部分です。「コンポーネントは別のコンポーネントの本体に追加できます。構成によって、シンプルなビルディングブロックコンポーネントから複雑なコンポーネントを構築できます。」と最初のページに記載がありま…

SFDC:Lightning Web Componentsの開発 - Part 4

Lightning Web コンポーネントの作成セクションのCSSの話。 CSS | Lightning Web Components 開発者ガイド | Salesforce Developers Lightning Design System を使用してコンポーネントのスタイルを設定する LWC開発のスタイルはLightning Design Systemを適…

SFDC:Lightning Web Componentsの開発 - Part 3

Part 3です。Lightning Web Components 開発者ガイドの「Lightning Web コンポーネントの作成」の「HTML テンプレート」のところです。 HTML テンプレート | Lightning Web Components 開発者ガイド | Salesforce Developers HTML テンプレートの使用 最初に…

SFDC:Lightning Web Componentsの開発 - Part 2

Part 2はLightning Web Components 開発者ガイドの「Lightning Web コンポーネントの作成」あたりからの続き。 コンポーネントフォルダ | Lightning Web Components 開発者ガイド | Salesforce Developers ファイルの構成 「.html」「.js」「js-meta.xml」「…

SFDC:Lightning Web Componentsの開発 - Part 1

2014年ごろにLightning Component (Aura Component) が発表されて、まだ発展途上かなという感じで様子し、2019年ごろにLightning Web Componentにアップデートされました。まだ様子見かな、というかVisualforce × Remote Actionの方が良くない?と思っていま…

SFDC:Trailhead サンプルアプリケーションを試してみました

Trailhead サンプルアプリケーションを試してみました。GitHubにTrailhead Appsが用意されているのですが、ここに各LWCのサンプルアプリケーションのリンクがあります。README.mdを見れば環境構築の方法を確認できます。実際に動かしてみてイメージを把握し…

SFDC:Visualforce to LWC サンプルアプリを試してみました

TrailheadのVisualforce to LWC サンプルアプリを試してみました。Lightning Web コンポーネントの中にVisualforceページ埋め込む形で開発する方法についてです。 Quick Start: Explore the Visualforce to LWC Sample App | Salesforce ハンズオン組織を作…

SFDC:Lightning Web コンポーネントのモバイルアプリケーションシミュレータを試してみました

Lightning Web コンポーネントのモバイルアプリケーションシミュレータを試してみました。 Set Up Your Salesforce Mobile Developer Tools for Lightning Web iOS モバイル シミュレーターの準備方法 シミュレータを使うにはXcodeが必要となります。利用で…

SFDC:Lightning Web コンポーネント開発のトラブルシューティングを試してみました

TrailheadにまとめられているLightning Web コンポーネント開発のトラブルシューティングを試してみました。Google ChromeブラウザのDevToolsを使ってLightning Web コンポーネントのJavascriptデバッグについての話です。 Lightning Web Component Troubles…

SFDC:TraileahdのVisualforce 開発者向けの Lightning Web コンポーネントを試してみました

TraileahdのVisualforce 開発者向けの Lightning Web コンポーネントを試してみました。 内容としてはLightning コンポーネントを利用することのメリットについて学べる感じです。 Lightning Experience と Lightning コンポーネントフレームワーク Visualfo…

SFDC:Lightning Web コンポーネント間の通信を試してみました

TrailheadのLightning Web コンポーネント間の通信を試してみました。 Communicate Between Lightning Web Components | Salesforce Trailhead 子から親へのコミュニーケーション Controls コンポーネントから Numerator コンポーネントへの通信という形のサ…

SFDC:Lightning Web コンポーネントの熊追跡アプリケーションの作成を試してみました

Lightning Web コンポーネントの熊追跡アプリケーションの作成を試してみました。TrailheadのLightning Web コンポーネントお試しアプリケーションです。 Lightning Web コンポーネントを使用した熊追跡アプリケーションの作成 Salesforce環境の準備 このア…