9/13 に開催したWebセミナー「Lightning 時代のレポート/ダッシュボード & Flow 最前線」のスライドです。

1. Lightning
Platform Specialist

3. • L
•
•
•

7. L

8. L
• t
• h
• i
• h L h ng

9. M E
E
E M E

11. [
[ [

12. !

13. L
E E
L

17. -5 1-0
T
fb L a dE_ T Ege
c
( -5 1-0 - 1 /1 / 9 - 1/ / 1- 1 1 -:0
0- . - 0 - 1 -:0 9- 1 5: 9-:- 1
5 :5: ) 1 51:/1 E_ T
c
( -5 1-0 - 1 /1 / 9 - 9 0 1 1 59 191: - 5 : 1 0
- . - 0

18. F
2 L H G F
2 : 6/ / : /: 2 . . 7 2 . 5 2 7

20. Lightning
Platform Specialist

21. Platform Specialist, Solution Engineering
SE
à Java/SOA/BPM
à
à
Sax

22. • Lightning
• Lightning Salesforce

23. Lightning
Salesforce
/
Lightning

24. Apex
Lightning
(JavaScript)
LightningNo Code Powerful Code

25. 2

27. Summer ’18 Lightning
●● ●
●
●
●

28. GA

29. Lightning
GA

30. GA
Salesforce

31. OS
GA
Web

32. <aura:component
implements="flexipage:availableForAllPageTypes,lightning:availableFo
rFlowActions,lightning:availableForFlowScreens">
<aura:attribute name="jsonArray" type="Object[]"/>
<aura:handler name="init" value="{!this}" action="{!c.invoke}" />
<table class="slds-table slds-table--bordered">
<tbody>
<aura:iteration items="{!v.jsonArray}" var="row">
<tr>
<td> {!row.id}</td>
<td> {!row.name}</td>
<td> {!row.type}</td>
</tr>
</aura:iteration>
</tbody>
</table>
</aura:component>
({
invoke : function(component, event, helper) {
var args = event.getParam("arguments");
return new Promise(function(resolve, reject) {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = $A.getCallback(function() {
if (this.readyState === 4) { // DONE
if (this.status >= 200 && this.status < 300) {
var response = JSON.parse(xhttp.responseText);
component.set("v.jsonArray", response);
resolve();
} else {
var errorText = "";
if (this.status === 0) {errorText = 'Request has been terminatednPossible causes: the network is
offline, Origin is not allowed by Access-Control-Allow-Origin, the page is being unloaded, etc.’;}
else {errorText = this.statusText;}
reject(new Error("ERROR"));}
}
});
xhttp.open("GET", "https://immense-cove-13692.herokuapp.com/api/order/list", true);
xhttp.send(null);
});
}
})

33. • Lightning
• CSP URL
• Web CORS (Cross-Origin
Resource Sharing)
// API
app.get("/api/order/list", function(req, res, next){
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-
Requested-With');
res.json(orderList);
});
Node.js CORS

34. Lightning
Swagger / Open API 2.0 REST
GA
[Swagger/Open API ]
RESTful API
JSON/YAML
REST
①● Interagent
● Swagger/Open API
2.0
②
API
③ APEX

35. [ ] Swagger / Open API
• RESTful API API
Open API Initiative OSS
API
https://swagger.io
https://www.openapis.org
• Swagger / Open API
API API API
API

36. Lightning
DEMO
1.
2.
3.
4.

37. Salesforce

38. Salesforce
CRM
GA

39. Salesforce
Salesforce
● 5
○
○
○
○
○
●
●
●
●
●
/
● /
●
●
/
● Lightning
Community Lightning
●
Salesforce
● APEX
● Salesforce

40. Salesforce
c o u g a c
S ylpr +/ 2 / 36 644 52 c
# s vEiC + 3/ 36 644 52 c
em ylpr a 1 5 /A c
t d h x 644 52 c
c cn x 644 52 c
c cn 644 52 c

41. Salesforce
DEMO

42. • Lightning
•
•
• Salesforce
• Salesforce CRM /

43. • Lightning
• Lightning Flow Developer Center
• https://developer.salesforce.com/developer-centers/lightning-flow/
• Use Lightning Components with Flows
• https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/components_using_flow.htm
• Salesforce
• Salesforce
• https://help.salesforce.com/articleView?id=concept_salesforce_surveys.htm&type=5