いろはとアップデート LIGHTNING DESIGN SYSTEM

by 8845musign

Embed

Start on current slide

Slide 1

Slide 1 text

Salesforce Developers Meetup #17 ͍Ζ͸ͱΞοϓσʔτ  LIGHTNING DESIGN SYSTEM

Slide 2

Slide 2 text

ࣗݾ঺հ ԣ಺޺थ

Slide 3

Slide 3 text

ࠓ೔͓࿩͢Δ͜ͱ w -JHIUOJOH%FTJHO4ZTUFNͱ͸ʁ w ࠷ۙͷߋ৽Λ໢ཏͯ͠Έͨ

Slide 4

Slide 4 text

ࠓ೔͓࿩͠͠ͳ͍͜ͱ ෲےͷ࿩ ֤ʑՈͰ͠ΖΑ͍ͯͩ͘͠͞

Slide 5

Slide 5 text

ͦ΋ͦ΋ %FTJHO4ZTUFNͱ͸

Slide 6

Slide 6 text

%FTJHO4ZTUFNͱ͸ ίϯϙʔωϯτ ৭ 7PJDFBOE5POF σβΠϯݪଇ FUDʜ

Slide 7

Slide 7 text

%FTJHO4ZTUFNͱ͸ σβΠϯΛߏ੒͢ΔཁૉΛ ·ͱΊͨ΋ͷ

Slide 8

Slide 8 text

%FTJHO4ZTUFNͱ͸ ৭ 7PJDFBOE5POF σβΠϯݪଇ FUDʜ ίϯϙʔωϯτ ίί͚ͩ ͩͬͨΒʁ

Slide 9

Slide 9 text

%FTJHO4ZTUFNͱ͸ 6*͚ͩͳΒͨͩͷ ελΠϧΨΠυ

Slide 10

Slide 10 text

-%4͸खް͍ͧ IUUQTXXXMJHIUOJOHEFTJHOTZTUFNDPNHVJEFMJOFTNFTTBHJOHPWFSWJFX

Slide 11

Slide 11 text

σβΠφʔ͔ΒΑ͘ݴٴ͞ΕΔ w ن໛͕େ͖͍ w ઐ೚νʔϜ͕͓Γɺӡ༻ମ੍͕  ੔͍ͬͯΔ w ৘ใ͕ެ։͞Ε͍ͯΔ

Slide 12

Slide 12 text

ͯ͞ ϦϦʔεϊʔτಡΜͰΈͨ

Slide 13

Slide 13 text

ϦϦʔεϊʔτ https://www.lightningdesignsystem.com/release-notes

Slide 14

Slide 14 text

ϦϦʔεϊʔτ 3FMFBTF<> +BOVBSZ   ʹେྔͷมߋ͕ೖ͍ͬͯΔ

Slide 15

Slide 15 text

ϦϦʔεϊʔτ ͷมߋˍ௥ՃΛ Ϩϙʔτ͠·͢

Slide 16

Slide 16 text

௥Ճ"DUJWJUZ5JNFMJOF w Ϣʔβ͝ͱͷଟ਺ͷΞΫςΟ ϏςΟΛ࣌ܥྻͰදࣔ͢Δ ͨΊͷ6* w ӈ୺ʹϝχϡʔͷϘλϯ͋ Γɺෳ਺ͷૢ࡞Λ૊Έ߹Θ ͤΒΕΔ

Slide 17

Slide 17 text

௥Ճ#SBOE#BOE w 8JOUFS͔Β௥Ճ͞Εͨ "TUSP͞ΜͷഎܠΛදࣔ͢ ΔͨΊͷ΋ͷ w ͜ΕΛ࢖ͬͯΔͱɺࠓޙϒ ϥϯσΟϯάมߋ͞Εͯ΋ উखʹ௥ैͰ͖ͦ͏

Slide 18

Slide 18 text

มߋ#VUUPO*DPOT w #SBOEΧϥʔʹରԠͨ͠Ϙ λϯ͕Մೳʹ w -JHIUOJOH&YQFSJFODFͰ ςʔϚΧϥʔ͕બ΂ΔΑ͏ ʹͳͬͨ͜ͱ΁ͷରԠʁ

Slide 19

Slide 19 text

มߋ#SFBEDSVNCT w 0WFSqPXϝχϡʔͷ௥Ճ w ύϯͣ͘ͷҰ෦Λলུදࣔ Ͱ͖Δ

Slide 20

Slide 20 text

มߋ$BSET w &JOTUFJO͕ඳ͔ΕͨελΠ ϧͷ௥Ճ w "*Λ༻͍ͨػೳͷϒϥϯσΟ ϯάڧԽʁ

Slide 21

Slide 21 text

௥Ճ$BSPVTFM w དྷͯ͠·ͬͨʂײ w ͦ΋ͦ΋੓࣏తͳམͱ͠ॴ Λߟ͑ͯ࢖͏Πϝʔδ w -%4Λ֎͔Β࢖͏ଆͱͯ͠ ͸࢖͍ॴ͕Α͘Θ͔Βͳ͍  ௥هɿτοϓͱ͔Ͱ࢖ͬͯ·ͨ͠

Slide 22

Slide 22 text

௥Ճ$IBU w 8JOUFSʟͰ௥Ճ͞Εͨ ػೳͷ6*͕֎޲͚ʹ࿐ग़͠ ͨʁ w -JWF"HFOUͷνϟοτ

Slide 23

Slide 23 text

มߋ$IFDLCPY w ϥϕϧͷදࣔํ๏͕௥Ճ w ͩΕ͔͜Ε͕௥Ճ͞Εͨཧ ༝Λڭ͍͑ͯͩ͘͞

Slide 24

Slide 24 text

มߋ%BUB5BCMFT w ϔομʔ΍ηϧʹΞΠίϯ ΍ϘλϯΛ഑ஔՄೳʹ w ߦ΁ͷϥδΦϘλϯʹΑΔ બ୒Λ࣮૷ͨ͠৔߹ͷαϯ ϓϧΛ௥Ճ w ϓϩμΫτϦετͷαϯϓ ϧΛ௥Ճ

Slide 25

Slide 25 text

มߋ(MPCBM)FBEFS w ʮ௕ํܗͷϩΰΛ഑ஔͰ͖Δ Α͏ελΠϦϯάΛߋ৽ʯͱ ͋Δ w Α͘Θ͔Βͳ͍ w มߋΛݟΔͱάϩʔόʔϧʹ ഑ஔ͢ΔϩΰͷදࣔΛը૾ཁ ૉʹΑΔ഑ஔ͔Βഎܠͱͯ͠ දࣔ͢ΔΑ͏ʹ͍ͯ͠Δ

Slide 26

Slide 26 text

มߋ(SJET w άϦουͷ྆࿬ʹ༨നΛஔ ͚ΔΑ͏ʹͳͬͨ w ͜ͷॊೈੑ͸͍ΔͷͩΖ͏ ͔ʁʁʁ

Slide 27

Slide 27 text

มߋ*DPOT w DVSSFOUDPMPSΛઃఆͰ͖ ΔΑ͏ʹ w จࣈ৭ʢਖ਼͘͠͸લܠ৭ʣ ͱΞΠίϯΛଗ͍͑ͨ৔߹ ͳͲʹ࢖͑Δ

Slide 28

Slide 28 text

௥Ճ.BQ w (PPHMF.BQ͕ஔ͚ΔΑ͏ʹ w ͍͍ײ͡ʹϨεϙϯγϒ͠· ͢ w ෳ਺ͷڌ఺Λදࣔ͢ΔΑ͏ͳ ϢʔεέʔεʹରԠ w ͜ΕΛͨ͠৔߹͸·͍͍ͩ ײ͡ʹϨεϙϯγϒ͠·ͤ Μ

Slide 29

Slide 29 text

มߋ.FOVT w (PPHMF.BQ͕ஔ͚ΔΑ͏ʹ w ͍͍ײ͡ʹϨεϙϯγϒ͠· ͢ w ෳ਺ͷڌ఺Λදࣔ͢ΔΑ͏ͳ ϢʔεέʔεʹରԠ w ͜ΕΛͨ͠৔߹͸·͍͍ͩ ײ͡ʹϨεϙϯγϒ͠·ͤ Μ

Slide 30

Slide 30 text

มߋ/PUJpDBUJPOT w ݟͨ໨ͷมߋ w ҧ͍Θ͔Βͣʜ

Slide 31

Slide 31 text

มߋ1PQPWFST w &JOTUFJO͕ඳ͔ΕͨελΠ ϧͷ௥Ճ w ஫໨ΛҾͨ͘ΊͷελΠϧ Λ௥Ճ

Slide 32

Slide 32 text

มߋ3JDI5FYU&EJUPS w $44ͷ੔ཧʁ

Slide 33

Slide 33 text

มߋ4QJOOFST w Ξχϝʔγϣϯͷ࣮ߦΛগ ͠ޙΖ΁ͣΒͨ͢Ίͷελ Πϧ௥Ճ

Slide 34

Slide 34 text

มߋ5SFFT w ϝλςΩετͷૠೖΛՄೳ ʹ

Slide 35

Slide 35 text

มߋ6UJMJUJFT w จࣈαΠζͷ࠷খαΠζΛ௥Ճ w จࣈ৭ʢલܠ৭ʣͱͯ͠αΫηεΧϥʔΛ௥Ճ

Slide 36

Slide 36 text

มߋ7FSUJDBM/BWJHBUJPO w ϥδΦϘλϯͱͯ͠ϚʔΫ Ξοϓ͢Δ͜ͱ͕Մೳʹ w ϝχϡʔͰ͸ͳ͘ɺʢݕࡧ ࣌ͳͲͷʣϑΥʔϜͱͯ͠ ར༻͢ΔΑ͏ͳ৔߹ʹ࢖͑ Δʁ

Slide 37

Slide 37 text

શମͷײ૝ w ΩϟϥΫλʔͷҰൠϢʔβʔ΁ͷ࿐ग़্͕͕͍ͬͯΔ w ͻͨ͢Βॊೈʹͳ͍ͬͯ͘ w ੲ͸ͳΔ΂͘ΨνΨνʹݻΊΔઓུͩͬͨΑ͏ʹײ͡Δ w ֤ϓϩμΫτͷݸผରԠΛٵऩͯͬͯ͠Δʁ w ςʔϚΧϥʔରԠ͕େ͖͘Өڹ͍ͯͦ͠͏ w -%4νʔϜͷ޻਺ͱ೉қ౓͸ͻͨ͢Β૿͍͖͑ͯͦ͏

Slide 38

Slide 38 text

͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠