LWCのローカル開発機能(ベータ)を試す / LWC Local Development

Transcript

1. 1.

   LWCͷϩʔΧϧ։ൃػೳ(ϕʔλ) Λࢼ͢ 2019-10-23 Salesforce Developers Meetup #22

2. 2.

   • Shingo Yamazaki • αΠϘ΢ζגࣜձࣾ • ϦϦʔεϊʔτ͸ಡΜͰ͍ͳ͍ About me zaki-yama

   zaki___yama
3. 3.

   ͜ͷ࿩Λ͠·͢ IUUQTEFWFMPQFSTBMFTGPSDFDPNCMPHTBOOPVODJOHMXDMPDBMEFWFMPQNFOUCFUBIUNM

4. 4.

   ΄΅ಉ͡಺༰ IUUQTEBDLEJWFIBUFCMPKQFOUSZMXDMPDBMEFWFMPQNFOU

5. 5.

   1. ՄೳͳݶΓຊ൪؀ڥʹ͍ۙ؀ڥͰɺίϯϙʔωϯτΛϩʔΧϧͰϨϯμϦ ϯά͢Δ ◦ ϩʔΧϧͰಈ͚͹࣮ࡍͷ؀ڥͰ΋ಈ͘ɺΛ࣮ݱ͍ͨ͠ 2. ΤϥʔͷൃݟͱղܾΛߦ͍΍͘͢͢Δ ◦ ΤϥʔՕॴͱελοΫτϨʔεͳͲΛμΠΞϩάͰදࣔ 3.

   ࣮ࡍͷσʔλͱͷΠϯςάϨʔγϣϯ ◦ Lightning Data Service΍ApexΛ࢖ͬͨϦΫΤετ͸εΫϥον૊৫ ʹϓϩΩγ͞ΕΔͷͰɺϩʔΧϧ؀ڥͰ΋࣮σʔλΛ࢖ͬͨίϯϙʔ ωϯτͷඳը͕Ͱ͖Δ ϩʔΧϧ։ൃػೳͷಛ௃(ͶΒ͍)
6. 6.

   • Πϯετʔϧ • εΫϥον૊৫ʹ઀ଓ͢ΔͷͰɺιʔείʔυͷpushͳͲ͸ࡁ·͓ͤͯ͘ • ىಈ खॱ

7. 7.

   None
8. 8.

   DEMO

9. 9.

   ಛ௃: ৄࡉͳΤϥʔදࣔ

10. 10.

    ಛ௃: αʔόʔαΠυͱͷ௨৴ ࣮ࡍʹωοτϫʔΫ௨৴͕
    ൃੜͯ͠Δ

11. 11.

    • record IdΛϋʔυίʔυ͠ͳ͍ͱ͍͚ͳ͍఺͸վળ༧ఆ • αϙʔτ͞Εͯͳ͍Ϟδϡʔϧ͋Γ • ৄ͘͠͸ https://developer.salesforce.com/tools/ vscode/en/lwc/localdev ͷ


    ”Working With Modules and Components” NOTE
12. 12.

    • LWC൛Storybookͱ͍ͬͨҹ৅ • αʔόʔαΠυͱͷ௨৴͕ൃੜ͢Δͷ͸ݸਓతʹ͸☹ • ϞοΫαʔόʔͱ͔ͷ΄͏͕
 ϩʔΧϧͰ׬݁ͯ͠DXྑ͍ͷͰ͸
 (ϑϩϯτΤϯυΤϯδχΞతʹ͸) ॴײ