LWC関連(トレイルヘッド含む）のまとめ

まとめページに戻る

少し関連情報を整理します。

操作方法等の覚え

• VS Codeでの操作覚え(LWC)
• VS Codeでの操作覚え(LWC)2
• 古いPC(Win7)でSalesforce DXの環境設定する
• 古いPC(Win 7)でSalesforce DXの環境設定する2
• LWC エラーの対処方法
• LWCが関係するトレイルヘッドのエラー
• LWC未解決
• Saveボタンがないのでショートカットを使う

Use Ctrl + S

Keyboard shortcuts for Windows - Visual Studio Code

• Execute Anonymous Apex

• Ctrl+Shift+P を押すと sfdx コマンドがコマンド パレットに表示されない

• スクラッチ組織に自動ログインする手順

• Uninstall Salesforce CLI or Plugins

• CLIがsfdxからsfに変わった

• sf でのエラーのまとめ

• Apex Language Server Apex 言語サーバ

• Salesforce Code Analyzerのインストールエラー

• SFDXでのデバック

• Salesforce CLIのアンインストールができない

PATH 変数を確認すると、インストール先が判断できると思います。そこにアンインストール用のバッチファイルとかはないですか？

https://www.reddit.com/r/SalesforceDeveloper/comments/16dn1v4/cant_uninstall_sfdx_windows/

活用例

• ビジュアルフォースページ内のlwcからのナビゲーション
• 表示されるLWCコンポーネントは、ログインユーザーの言語によって異なります
• vscodeですべてのメタデータを取得する方法
• カスタムタブにLWCを追加

コーディングサンプル

• I need examples for lightning datatable and the datacell should be a dropdown to select
• Export data to CSV using LWC and APEX
• How to use openTab() in a LWC placed in Utility Bar?
• LightningWebセキュリティと外部ライブラリ
• lightning-record-edit-formとlightning-input-fieldをそれぞれtr,tdタグで囲う方法について

調べてみると似たような現象の解説がありますね。

LWCでテーブルの行コンポーネントがうまく表示されなかったので、display:table-row;した
https://zenn.dev/hrk623/articles/fa0770aabccb26

• lightning-datatableでmin-column-widthとcolumn-widths-mode='auto'を指定時、列に余白が生じる

• lwcで生のhtmlを追加するときにiframeのallow属性などが消えてしまう

以下に回避策が説明されています。参考になると思います。

Is attribute 'allowfullscreen' of iframe unavailable in Lightning component?
https://salesforce.stackexchange.com/questions/161892/is-attribute-allowfullscreen-of-iframe-unavailable-in-lightning-component

• Importing Functions from Class imported as Static Resource

• 【LWC】改良された条件付きディレクティブについて

lwc:if={!condition}と思ったのですが... 違うみたいですね。
何やらサポートされて無さそうな感じです。

what if we want to render if the flag is false? i am trying to set it lwc:if={!condition} OR lwc:if={condition == false} but it does not work

You will have to create yet another getter function in JavaScript.

https://salesforce.stackexchange.com/questions/327591/is-it-possible-to-use-expressions-in-iftrue-or-iffalse-tag-in-lwc

Complex expressions like !condition or object?.property?.condition aren’t supported. To evaluate complex expressions, use a getter in your JavaScript class.

https://www.apexhours.com/conditional-rendering-in-lwc-using-lwcif-and-lwcelse/

その他

• Two SFDX project folder structure questions
• LWCのローカルの開発サーバの起動について
• lwc-dev-serverのまとめ

CSS　サンプル

• How do I style a div in a lighting card with css

インストール

CLIのバージョンダウンで解決

• ERROR at Row:1:Column:121 No such column 'HasMetadataRemoved' on entity 'Package2Version'. If you are attempting to use a custom field, be sure to append the '__c' after the custom field name. Please reference your WSDL or the describe call for the appropriate names.

I was able to resolve this issue by overriding the Salesforce CLI apiversion back to 54.0 when running the package version create command.

この問題は、パッケージ バージョン作成コマンドの実行時に Salesforce CLI の API バージョンをオーバーライドして 54.0 に戻すことで解決できました。

• Windows 64 ビット用の cli をダウンロードした後、[開く] をクリックすると、インストール ウィンドウがポップアップ表示されるはずですが、インストールを促すメッセージが表示されません。

deployが遅い

• sfdx deploy never finishes

I gave up and just created a new sandbox. Deploying a class file is taking less than 5 seconds in the new sandbox which is tolerable.

諦めて新しいサンドボックスを作成しました。新しいサンドボックスでは、クラス ファイルのデプロイにかかる時間は 5 秒未満ですが、許容できる範囲です

Json でのエラー

• Unexpected close tag