駅すぱあとWebサービス連携ハンズオンパート ノンプログラミングでClovaスキルハンズオン＆お茶会 #linebootawards #Clova_CEK / 20180919

https://linedev.connpass.com/event/97817/

Transcript

1. ϋϯζΦϯࢿྉɿ
   Ӻ͢ͺ͋ͱWebαʔϏε࿈ܞ
   Web APIΛ࢖ͬͯ ΑΓଟ࠼ͳදݱΛ
   2018.9.19
   Hikaru Maruyama
   Val Laboratory Corporation
   

   View Slide

2. IJLBSVNBSVZBNB
   !NBSVZBNBIJBLSV
   IUUQIJJJJJJJIJLBSVIBUFOBEJBSZDPN
   PROFILE
   ؙࢁͻ͔Δ
   גࣜձࣾϰΝϧݚڀॴ
   ςΫχΧϧΤόϯδΣϦετ
   ओͳॻ੶ɿ͸͡Ίͯͷ

   ɹɹɹɹ Ӻ͢ͺ͋ͱWebαʔϏε
   

   View Slide

3. ઌ΄Ͳ࡞੒ͨ͠εΩϧʹ
   ػೳΛ௥Ճ͠·͢ʂ
   ݩؾͰ͔͢ʁ
   ݩؾͰ͢ʂͪͳΈʹ
   ߴԁࣉӺ͸ɺJR૯෢ઢͳͲ
   ͕૸͍ͬͯ·͢ʂ
   

   View Slide

4. ͬͦ͘͞ϋϯζΦϯ։࢝
   

   View Slide

5. ekispertϊʔυͷΠϯετʔϧ
   ϝχϡʔϘλϯΛΫϦοΫ
   ΫϦοΫ
   

   View Slide

6. ekispertϊʔυͷΠϯετʔϧ
   ݕࡧ૭ʹ
   ʮekispertʯͱଧͭ
   node-red-contrib-ekispert-api
   ΛΠϯετʔϧ
   

   View Slide

7. Πϯετʔϧ͕׬ྃ͢Δͱ
   ͣΒͣΒͬͱϊʔυ͕ݱΕ·͢
   

   View Slide

8. ͪ͜ΒͷϑϩʔΛFork͠·͢
   IUUQTFOFCVMBSDPNEJTDPWFSqPXCCCE
   FFCBEDEBD
   ʮForkʯϘλϯΛΫϦοΫ
   

   View Slide

9. औΓࠐΉϓϩδΣΫτΛࢦఆ
   

   View Slide

10. Default Role for AssetΛࢦఆ
    

    View Slide

11. Forked!
    ͜ΕͰenebularͷ
    ४උ͸׬ྃ
    

    View Slide

12. ϊʔυͷฤूʢstationϊʔυʣ
    μϒϧΫϦοΫ
    

    View Slide

13. 1.Ӻ͢ͺ͋ͱWebαʔϏεͷ
    ΞΫηεΩʔΛೖྗ
    ϊʔυͷฤूʢstationϊʔυʣ
    2.ʮDoneʯΛΫϦοΫ
    

    View Slide

14. ϊʔυͷฤूʢstation infoϊʔυʣ
    μϒϧΫϦοΫ
    

    View Slide

15. ϊʔυͷฤूʢstation infoϊʔυʣ
    1.Ӻ͢ͺ͋ͱWebαʔϏεͷ
    ΞΫηεΩʔΛೖྗ
    2.ʮDoneʯΛΫϦοΫ
    

    View Slide

16. σϓϩΠ
    ʮDeployʯϘλϯΛΫϦοΫͯ͠
    มߋΛ൓өͤ͞·͢
    

    View Slide

17. σϓϩΠ
    ஫ҙ͞Ε͍ͯ·͕͢
    ؾʹͤͣDeploy͠·͢
    

    View Slide

18. ClovaͷڍಈͷςετΛߦ͍·͢
    IUUQTDMPWBEFWFMPQFSTMJOFNF
    

    View Slide

19. ClovaͷڍಈͷςετΛߦ͍·͢
    ઌ΄Ͳ࡞੒ͨ͠εΩϧͷ
    ର࿩Ϟσϧͷʮमਖ਼ʯϘλϯΛ
    ΫϦοΫ
    

    View Slide

20. ClovaͷڍಈͷςετΛߦ͍·͢
    ʮςετʯΛΫϦοΫ
    

    View Slide

21. ClovaͷڍಈͷςετΛߦ͍·͢
    ʮݩؾͰ͔͢ʁʯΛೖྗͯ͠Έ·͢
    

    View Slide

22. ClovaͷڍಈͷςετΛߦ͍·͢
    ʮςετʯΛΫϦοΫ
    ͏·͍͚͘͹ɺ͜ͷΑ͏ʹ
    Ӻ໊ͱ࿏ઢؚ໊͕·Εͨঢ়ଶͰ
    ฦ౴͞Ε·͢ʂ
    

    View Slide

23. ิ଍ Web API ͱ͸
    

    View Slide

24. Ӻ΍࿏ઢͷ৘ใ͸
    Ͳ͏ͳͬͯΔͷʁ
    

    View Slide

25. Ӻ΍࿏ઢͷ৘ใ͸
    Ͳ͏ͳͬͯΔͷʁ
    ͦ͜Ͱ Web API !!!
    

    View Slide

26. Web API ͱ͸ʁ
    Application Programming Interface ͷུ
    ࣮͸Έͳ͞Μͷ਎ۙͳͱ͜ΖͰ
    ଟ͘ར༻͞Ε͍ͯ·͢
    

    View Slide

27. View Slide

28. (PPHMF.BQTͷ
    8FC"1*͕࢖ΘΕ͍ͯ·͢
    

    View Slide

29. ɹɹӺ͢ͺ͋ͱΞϓϦͷ৔߹
    ौ୩Ӻ͔Β৽॓Ӻͷ
    ܦ࿏Λڭ͑ͯ
    ʹࢁखઢʹ৐Γ·͢Αɺ
    ·ͨ͸ͷ࡛ژઢʹ৐Γ·͢Α
    

    View Slide

30. ɹɹӺ͢ͺ͋ͱΞϓϦͷ৔߹
    (&5IUUQTBQJFLJTQFUKQWKTPOTFBSDI
    DPVSTFFYUSFNF WJB-JTUौ୩৽॓
    \l3FTVMU4FUz\l$PVSTFz
    

    View Slide

31. ࣮͸զʑ͸ Web APIΛ࡞͍ͬͯ·ͨ͠
    

    View Slide

32. ݩؾͰ͔͢ʁ
    ࣮͸զʑ͸ Web APIΛ࡞͍ͬͯ·ͨ͠
    

    View Slide

33. ࣮͸զʑ͸ Web APIΛ࡞͍ͬͯ·ͨ͠
    POSTϦΫΤετͷ
    ड͚ޱ
    Ϩεϙϯε
    

    View Slide

34. ࣮͸զʑ͸ Web APIΛ࡞͍ͬͯ·ͨ͠
    

    View Slide

35. ݩؾͰ͢ʂͪͳΈʹ
    ߴԁࣉӺ͸ɺJR૯෢ઢͳͲ
    ͕૸͍ͬͯ·͢ʂ
    ࣮͸զʑ͸ Web APIΛ࡞͍ͬͯ·ͨ͠
    

    View Slide

36. Web API ͱ͸ʁ
    Application Programming Interface ͷུ
    ࣮͸Έͳ͞Μͷ਎ۙͳͱ͜ΖͰ
    ଟ͘ར༻͞Ε͍ͯ·͢
    ͓͞Β͍
    

    View Slide

37. Web API Λ΋͏গ͠
    ৮ͬͯΈ͍ͨͳʔɾɾɾ
    

    View Slide

38. View Slide

39. LINE͞ΜؚΊ
    ଟ͘ͷاۀ͕Web APIΛ
    ఏڙ͍ͯ͠ΔͷͰɺ
    ͥͻ৭ʑ৮ͬͯΈ͍ͯͩ͘͞
    

    View Slide