本記事は、トレイル「Discover Trailhead Sample Apps」の覚え書き、気づきの整理です。
Trailhead のサンプルアプリをちょちょっと作成してみるプロジェクトが5つあるトレイル。なので、1単元:25ポイントと少なめ&プロジェクト完了にかかる時間はどれも 1時間弱。
Quick Start: Tour the Sample App Gallery
サンプルアプリを探してsalesforce上での構成を学ぶ話
Get to Know the Sample Gallery
- サンプルギャラリーはググレ。
- Salesforce Developers | API Documentation, Developer Forums & More からでも行けるが、英語サイトに遷移しようとしてもクッキー?で判定されて母国語の言語にリダイレクトされる。
- 英語サイトと日本語サイトではコンテンツが異なる。 日本語サイトの方が情報量が少ない。ページ最下部に小さいが言語切り替えのリンクがあるのでそこで表示を切り替える。
Learn About Sample App Tooling
- GitHubに載っているファイルの説明のみ。
- アプリの起動方法まで案内が欲しかった(別サイトにある?)
Quick Start: Explore the E-Bikes Sample App
Deploy the E-Bikes Sample App
- git からサンプルコードをcloneしてくるところから deployするまで。
- 慣れていない人は10分では終わらない。30分は見込んだ方が良いです。 久しぶりに sfdx コマンドを打つと、npm と sfdx のアップデートを求められる。
- communityの設定で「Enable ExperienceBundle Metadata API」にチェックを入れ忘れてdeployを行うとこうなる。
Get to Know the E-Bikes Sample App
- リセラーの注文データを作成するだけなので詰まるところは無い。
Dig Into the E-Bikes Sample App Components
- LightningWebComponent の解説が丁寧にされている。
- 単元をパスする上で困ることはないが、記載されていることの実行環境を整えるのに苦労した。
- なおテスト実行すると2020年6月時点では .eslintrc.json が記載内容が古いためエラーで落ちる。lwc-recipes/.eslintrc.json at master · trailheadapps/lwc-recipes · GitHub を参考にする。
Quick Start: Explore the LWC Recipes Sample App
Deploy the LWC Recipes App
- git からサンプルコードをcloneしてくるところから deployするまで。 先述のE-Bikesとほぼ同じ手順。なので、詰まるポイントは一緒。コミュニティの設定がないのでこっちの方が楽。
Get to Know the Sample App
- ただ読み進めていけば良いので詰まるところは無い。
Quick Start: Explore the Visualforce to LWC Sample App
Deploy the Visualforce to LWC Sample App
- git からサンプルコードをcloneしてくるところから deployするまで。 先述の2つとほぼ同じ手順。予想時間20分とあるが、先のプロジェクトをやっているのであれば最後のセクションgit clone だけ見ればOK。
Explore the Visualforce to LWC Sample App
- なんかコードと説明があっていない気がする。よく分からない。formタグとか記載されているけど、コードのどこに???
Quick Start: Explore the Dreamhouse Sample App
Deploy the Sample App
- 省略:先のプロジェクトと全く同じなので。
Get to Know the Sample App
- ただ読み進めていけば良く途中に1箇所データを更新する箇所があるのみ。詰まるところは無い。
Dig into the Sample App Components
- こちらも1箇所ファイルを更新してデプロイする箇所があるのみ。詰まるところは無い。
どのプロジェクトも、最初の単元が環境構築で構成されており、ほぼ同じ。なので、うまくいけば所要時間より1時間は短縮して終わると思われる。上手くいけば。
Quick Start: Explore the E-Bikes Sample Appで取り扱っている sfdxプロジェクトが最新の状態になっていなく、テスト実行でdecorator 周りのエラーがポンポン表示される。記事中に挙げたリンクを参考にすること。
これに2時間くらいハマった。泣く。貴重な時間が・・・