Tweet
Tweet

Slide 1

Slide 1 text

Spring’16 ϦϦʔεϊʔτྠಡ Lightning Component Tokyo Salesforce Developer Group Meetup #11

Slide 2

Slide 2 text

ࣗݾ঺հ ࢁ㟒ɹਅޗ
 גࣜձࣾνʔϜεϐϦοτ zaki___yama
 Blog: http://dackdive.hateblo.jp/ Lightning Component ͸ͦΜͳʹ… લճͷϋΠϥΠτ

Slide 3

Slide 3 text

PR http://zaki-yama.github.io/salesforce-developers.info/ 
 Python੡ ੩తαΠτδΣωϨʔλPelican + GitHub Pages Ͱ࡞ͬͯ·͢ χϡʔεαΠτ ࡞Γ·ͨ͠

Slide 4

Slide 4 text

ຊ೔͓࿩͢Δ͜ͱ • ΞΫηεݖνΣοΫͷΑΓݫ֨ͳద༻ • Lightning Out (ϕʔλ) • Lightning ίϯϙʔωϯττʔΫϯ
 (։ൃऀϓϨϏϡʔ)

Slide 5

Slide 5 text

ຊ೔͓࿩͠ͳ͍͜ͱ • $A.error() ͷഇࢭ • format() ʹΑΔදࣔϥϕϧύϥϝʔλͷಈతͳೖྗ • ҆શͳΫϥΠΞϯτଆΩϟογϡʹΑΔύϑΥʔϚϯεͷ վળ • Sfdc JavaScript άϩʔόϧͷ࡟আ • List ·ͨ͸ Map ύϥϝʔλΛ࢖༻ͨ͠ Apex ίϯτϩʔϥ ͰͷΤϥʔͷղܾ

Slide 6

Slide 6 text

ΞΫηεݖνΣοΫͷ ΑΓݫ֨ͳద༻

Slide 7

Slide 7 text

ΞΫηεݖνΣοΫͷ ΑΓݫ֨ͳద༻ • ΍ ʹ
 access=“…” ଐੑ͕ ඞਢ ʹͳΓ·͢ • Spring’16: ϒϥ΢βίϯιʔϧͰܯࠂͷΈ
 (σόοάϞʔυݶఆ) • Summer’16 Ҏ߱: ΞΫηεͰ͖ͳ͘ͳΔ

Slide 8

Slide 8 text

access ଐੑͷछྨ • private (aura:attribute ͷΈ) • ֎෦ࢀরෆՄ • public : σϑΥϧτ • ಉ໊͡લۭؒ಺Ͱ࢖༻Մೳ • global • ͢΂ͯͷ໊લۭؒͰ࢖༻Մೳ • ؅ཧύοέʔδͱͯ͠഑෍͢Δίϯϙʔωϯτ͸͜Εʁ https://developer.salesforce.com/docs/atlas.ja-jp.198.0.lightning.meta/lightning/access_intro.htm

Slide 9

Slide 9 text

WARNINGͷҰྫ

Slide 10

Slide 10 text

Α͘Θ͔Βͳ͍͜ͱ • ʮίϯϙʔωϯτΛදࣔͨ࣌͠ʯͰ͸ͳ͘
 ܥίϯϙʔωϯτΛૢ࡞ͨ࣌͠ʹܯࠂ͕දࣔ͞Ε͍ͯΔʁ • όά͍͘͞… • ͨΊ͠ʹ access ͳ͠Ͱ؅ཧύοέʔδԽɺଞ૊৫ʹΠϯετʔϧ • App Builder ࢖ͬͯ S1, LEX Ͱදࣔ → ܯࠂग़ͳ͍ • ͰίʔυʹຒΊࠐΈ → ෆՄ • σϑΥϧτͰpublic => public ͳΒলུՄೳʁ ิ଍ʣͳͷͰɺઌ΄Ͳʮඞਢʯͱॻ͖·͕࣮ͨ͠ࡍʹ͸
 ʮglobal ͚ͩ͸ͪΌΜͱఆٛ͠ͳ͍ͱɺΠϯετʔϧͯ͠࢖ͬͯ΋Β͏͜ͱ͕Ͱ͖ͳ͘ͳΓ·͢Αʯ
 ͱͳΔΜ͡Όͳ͍͔ͱ͍͏ͷ͕ࠓͷͱ͜ΖͷղऍͰ͢ɻ
 σϑΥϧτ public ͳͷʹશίϯϙʔωϯτʹ access=“public” ͬͯॻ͚ɺͩͱͪΐͬͱ໘౗Ͱ͢ΑͶɻɻɻ

Slide 11

Slide 11 text

Lightning Out (ϕʔλ)

Slide 12

Slide 12 text

Lightning Out (ϕʔλ) • Lightning Component Λ Lightning ͷ֎Ͱ΋࢖͑ ΔΑ͏ͳ࢓૊Έ • Visualforce ಺Ͱͷ࢖༻͸ Winter’16 ͔ΒՄೳͩͬ ͨ(LC4VF) • Spring’16 Ͱ Force.com ֎͔Β΋ར༻Մೳʹʂ
 ˠ υΩϡϝϯτݟ͔ͭΒͳ͍໰୊(ӳޠ൛΋)

Slide 13

Slide 13 text

ެࣜϒϩάͰ΋

Slide 14

Slide 14 text

ࢀߟ1: Visualforce Ͱ࢖͏

Slide 15

Slide 15 text

ࢀߟ1: Visualforce Ͱ࢖͏ • ઐ༻ͷ Lightning App Λ༻ҙͯ͠
 ίϯϙʔωϯτΛ಺แ͢Δ • App ͸ extends=“ltng:outApp” ͕ඞཁ

Slide 16

Slide 16 text

ࢀߟ1: Visualforce Ͱ࢖͏ 1. ίϯϙʔωϯτ 2. ଐੑ 3. ૠೖҐஔ 4. callback • lightning.out.js ͸ݱࡏ • $Lightning.use -> createComponent https://developer.salesforce.com/docs/atlas.ja-jp.198.0.lightning.meta/lightning/components_visualforce.htm
 (஫: Winter’16)

Slide 17

Slide 17 text

ࢀߟ2: Force.com֎͔ΒݺͿ http://appirio.co.jp/category/tech-blog/2015/12/hello-world-lightning-out/ 4QSJOH`Ͱ ଟগ͸ઃఆָ͕ʹͳͬͨͷ͔ͳ͋ɻɻɻ ͱ͍ͬͨͱ͜Ζ

Slide 18

Slide 18 text

Lightning ίϯϙʔωϯτ τʔΫϯ (։ൃऀϓϨϏϡʔ)

Slide 19

Slide 19 text

Lightning ίϯϙʔωϯτ τʔΫϯ • ίϯϙʔωϯτͷ CSS ༻ʹม਺ΛఆٛͰ͖Δ • ίϯϙʔωϯτͱಠཱͨ͠ϑΝΠϧ
 (ϑΝΠϧ໊΋ࢦఆ͞Ε͍ͯΔ)

Slide 20

Slide 20 text

τʔΫϯͷ࢖͍ํ • defaultTokens.tokens (ϑΝΠϧ໊ݻఆ) • ίϯϙʔωϯτͷ CSS ଆ

Slide 21

Slide 21 text

ඪ४ઃܭτʔΫϯ • ඪ४Ͱ༻ҙ͞Εͨม਺܈ Lightning Component Developer Guide: Standard Design Tokens
 https://developer.salesforce.com/docs/atlas.en-us.200.0.lightning.meta/lightning/tokens_standard.htm ஫ ࢖͏ͱ͖͸ EFGBVMU5PLFOTUPLFOTʹ BVSBUPLFOTFYUFOETlGPSDFCBTF ͕ඞཁ

Slide 22

Slide 22 text

͋Γ͕ͱ͏͍͟͝·ͨ͠