$30 off During Our Annual Pro Sale. View Details »

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

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

Shingo Yamazaki

October 23, 2019
Tweet

More Decks by Shingo Yamazaki

Other Decks in Technology

Transcript

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

    View Slide

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

    View Slide

  3. ͜ͷ࿩Λ͠·͢
    IUUQTEFWFMPQFSTBMFTGPSDFDPNCMPHTBOOPVODJOHMXDMPDBMEFWFMPQNFOUCFUBIUNM

    View Slide

  4. ΄΅ಉ͡಺༰
    IUUQTEBDLEJWFIBUFCMPKQFOUSZMXDMPDBMEFWFMPQNFOU

    View Slide

  5. 1. ՄೳͳݶΓຊ൪؀ڥʹ͍ۙ؀ڥͰɺίϯϙʔωϯτΛϩʔΧϧͰϨϯμϦ
    ϯά͢Δ
    ◦ ϩʔΧϧͰಈ͚͹࣮ࡍͷ؀ڥͰ΋ಈ͘ɺΛ࣮ݱ͍ͨ͠
    2. ΤϥʔͷൃݟͱղܾΛߦ͍΍͘͢͢Δ
    ◦ ΤϥʔՕॴͱελοΫτϨʔεͳͲΛμΠΞϩάͰදࣔ
    3. ࣮ࡍͷσʔλͱͷΠϯςάϨʔγϣϯ
    ◦ Lightning Data Service΍ApexΛ࢖ͬͨϦΫΤετ͸εΫϥον૊৫
    ʹϓϩΩγ͞ΕΔͷͰɺϩʔΧϧ؀ڥͰ΋࣮σʔλΛ࢖ͬͨίϯϙʔ
    ωϯτͷඳը͕Ͱ͖Δ
    ϩʔΧϧ։ൃػೳͷಛ௃(ͶΒ͍)

    View Slide

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

    View Slide

  7. View Slide

  8. DEMO

    View Slide

  9. ಛ௃: ৄࡉͳΤϥʔදࣔ

    View Slide

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

    View Slide

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

    ”Working With Modules and Components”
    NOTE

    View Slide

  12. • LWC൛Storybookͱ͍ͬͨҹ৅
    • αʔόʔαΠυͱͷ௨৴͕ൃੜ͢Δͷ͸ݸਓతʹ͸☹
    • ϞοΫαʔόʔͱ͔ͷ΄͏͕

    ϩʔΧϧͰ׬݁ͯ͠DXྑ͍ͷͰ͸

    (ϑϩϯτΤϯυΤϯδχΞతʹ͸)
    ॴײ

    View Slide