note meetup #2 Electronを利用した10面ディスプレイの操作 / Controll of gaienmae display

ElectronとSlackを利用し、Piece of Cake, Inc.の執務エリアにある
10面ディスプレイに関して操作が行えるよう、仕組みを構築しました。

note meetup #2 (2019/2/21) で登壇したプレゼンテーション資料となります。

Transcript

1. ໘σΟεϓϨΠΛ
   &MFDUSPOͰ׆༻͢Δ
   Piece of Cake, Inc. দ࡚ ܒ࣏
   

   View Slide

2. ࣗݾ঺հ
   

   View Slide

3. দ࡚ܒ࣏
   w·͖͚͍ͭ͟͡೥ੜ·Ε
   w1JFDFPG$BLF *OD೥݄ʹೖࣾ
   wΠϯϑϥ΍αʔόαΠυΛ୲౰
   w39." ίϯσδ
   Λങ͍·ͨ͠
   

   View Slide

4. ࠓճ͓࿩Λ͢Δ಺༰
   w໘σΟεϓϨΠͱ͸
   w໘σΟεϓϨΠ๊͕͍͑ͯͨӡ༻ͷ໰୊
   w&MFDUSPOΛར༻͢ΔʹࢸΓ࣮༻·Ͱ
   

   View Slide

5. ࠓճ͓࿩Λ͢Δ಺༰
   w4MBDL͔Β֤σΟεϓϨΠදࣔΛ੍ޚͰ͖ΔΑ͏ʹͨ͠
   wࠓ͋Δ՝୊ɾ໰୊
   wࢀߟʹͨ͠΋ͷ
   

   View Slide

6. ൃදΛ࢝Ί·͢
   

   View Slide

7. ໘σΟεϓϨΠΛ
   &MFDUSPOͰ׆༻͢Δ
   

   View Slide

8. ໘σΟεϓϨΠʁ
   

   View Slide

9. ໘σΟεϓϨΠ
   w1JFDFPG$BLF *ODͷࣥ຿ΤϦΞʹ͋ΔσΟεϓϨΠ܈
   wຕ͋ΔͷͰɺ໘σΟεϓϨΠͱݴ͏
   

   View Slide

10. View Slide

11. View Slide

12. ໘σΟεϓϨΠ
    w֎ԓલʹ1JFDFPG$BLF *OD͕Ҡ͖ͬͯͨ࣌ʹߏங
    w୆ͷ8JOEPXTϚγϯͰຕͷσΟεϓϨΠΛ֤ࣗ؅ཧ
    wελʔτΞοϓ࣌ʹ*&্ཱ͕͕ͪΓσΟεϓϨΠʹදࣔ
    

    View Slide

13. ໘σΟεϓϨΠ
    wσΟεϓϨΠΛ؅ཧ͍ͯ͠ΔϚγϯ
    

    View Slide

14. ࣮ӡ༻ͷ໰୊Λ๊͑Δ
    

    View Slide

15. ࣮ӡ༻ͷ໰୊Λ๊͑Δ
    wΩʔϘʔυΛར༻ͯ͠खಈͰૢ࡞͠ͳ͚Ε͹ͳΒͳ͍
    wදࣔϦιʔε͕εΫϦϓτʹ௚ʹॻ͔Ε͍ͯΔɻͦͷͨΊɺ
    ϦιʔεΛ੾Γସ͍͑ͨ৔߹͸ॻ͖׵͑Δඞཁ͕͋Δ
    wਓ͕ؒ౎౓Ҡಈ͠ɺ؅ཧͯ͋͛͠ͳ͚Ε͹͍͚ͳ͍
    

    View Slide

16. ߟ͑ͨ
    

    View Slide

17. &MFDUSPOΛ࢖͏
    

    View Slide

18. &MFDUSPOΛ࢖͏
    w*&ͰσΟεϓϨΠ΁ͷදࣔιʔεͷ؅ཧΛ͍ͯͨ͠ɻ
    wಉ͡Α͏ʹϒϥ΢βΛ࢖͍͍ͨ
    wૢ࡞Ͱ͖Δϒϥ΢β͸ͳΜͩΖ͏͔
    w΍ͬͺ&MFDUSPO͔ͳ͊
    

    View Slide

19. &MFDUSPOΛ࢖͏
    wOPEFKTͰ࡞ΒΕͨϓϩμΫτͰ͋Δ
    wOPEFKT͸8JOEPXTʹର͢Δαϙʔτ͕ൺֱతखް͍
    w8JOEPXTͰͷ؀ڥߏஙʹؔͯ͠಄Λ๊͑ͳͯ͘΋ྑͦ͞͏
    

    View Slide

20. &MFDUSPOΛ࢖͏
    wઃܭ͸Ͳ͏͢Δ͔
    wΫϥΠΞϯταʔόϞσϧͰ࣮૷͠Α͏
    w&MFDUSPOΛΫϥΠΞϯτͱ͢Δ
    wαʔό͸FYQSFTTͰ࣮૷͠ɺ"1*Λ&MFDUSPOʹఏڙ͢Δ
    

    View Slide

21. &MFDUSPOΛ࢖͏
    w&MFDUSPOΞϓϦ͸αʔό͔ΒϦιʔε 63-
    Λड͚औΔ
    wαʔό͸&MFDUSPOʹද͍ࣔͨ͠ϦιʔεΛࢦࣔ
    wͱ͍ͬͯ΋࣮૷͸؆୯ͳ"1*ΫϥΠΞϯτ16--ܕ
    

    View Slide

22. &MFDUSPOΛ࢖͏
    w&MFDUSPOΞϓϦ͸ఆظతʹαʔόʹ໰͍߹ΘͤΛߦ͏
    w&MFDUSPOΞϓϦ͕ఆظతʹ10--*/(
    wαʔό"1*ʹ63-Λ໰͍߹Θͤ
    

    View Slide

23. &MFDUSPOΛ࢖͏
    wҎલऔಘ͍ͯͨ͠63-ͱҟͳΔ৔߹ͷΈදࣔΛ੾Γସ͑Δ
    w8JOEPXTϚγϯ͸&MFDUSPOΛදࣔ͢Δ໾ׂʹప͢Δ
    

    View Slide

24. ਓؒ޻਺໰୊͕ղܾ
    

    View Slide

25. 4MBDLͰ
    σΟεϓϨΠΛ੍ޚͰ͖ΔΑ͏ʹͨ͠
    

    View Slide

26. 4MBDLͰ֤σΟεϓϨΠΛ੍ޚͰ͖ΔΑ͏ʹͨ͠
    w4MBDLͷίϚϯυͱͯ͠ఆٛ͢Ε͹Α͍ͱ൑அ
    wEJTQMBZ\σΟεϓϨΠ൪߸^\ද͍ࣔͤͨ͞63-^
    wίϚϯυΛ࣮ߦ͢Ε͹ࢦఆͷσΟεϓϨΠͷදࣔιʔε͕
    ੾ΓସΘΔ
    

    View Slide

27. View Slide

28. 4MBDLͰσΟεϓϨΠΛ੍ޚͰ͖ΔΑ͏ʹͨ͠
    wαʔό͕ΫϥΠΞϯτʹฦ͢"1*ͷϦιʔεߋ৽ॲཧ
    w"1*໰͍߹ΘͤΛߦ͍ɺશ։"1*໰͍߹Θͤͨ͠63-ͱҟͳ
    Δ΋ͷͰ͋Ε͹ɺදࣔର৅Ϧιʔε͕ߋ৽͞Εͨͱ൑அ͠
    ॻ͖׵͑ΔΑ͏ʹ͢Δ
    

    View Slide

29. ࣮ԋ ऩ࿥ࡁ
    
    https://www.youtube.com/watch?v=T5E9PW1wpHc
    

    View Slide

30. View Slide

31. 4MBDLίϚϯυೖྗ
    ऩ࿥ࡁ
    
    https://youtu.be/RZ_lthXn8bE
    

    View Slide

32. View Slide

33. 4MBDL͔Β֤σΟεϓϨΠදࣔΛ੍ޚͰ͖ΔΑ͏ʹͨ͠
    wαʔόͷ௥Ճ࣮૷͸4MBDLͷ1045ϦΫΤετΛड͚෇͚Δ
    ͜ͱ
    w࣮૷͸ಛʹ٧·Δͱ͜Ζ͸ͳ͔ͬͨ
    w࣮૷ޙɺίϚϯυΛςετ͠ӡ༻ʹ৐Δ
    

    View Slide

34. ΍Γ͍ͨ͜ͱ͸Ͱ͖ͨʂ
    

    View Slide

35. ࠓ͋Δ՝୊ɾ໰୊
    

    View Slide

36. ࠓ͋Δ՝୊ɾ໰୊
    wKTPOϑΝΠϧʹঢ়ଶΛอଘ͍ͯ͠Δ
    wSFRVJSF bECKTPO`
    ͱ͍͏ڧؾͷखஈΛར༻
    w#SPXTFS8JOEPXॻ͖׵͑ؔ਺಺Ͱ4FU*OUFSWBM
    

    View Slide

37. ࠓ͋Δ՝୊ɾ໰୊
    w8JOEPXTΞοϓσʔτͷ౎౓ରԠ
    w#SPXTFS8JOEPXͷGPSDFSFMPBEະରԠ
    w&MFDUSPOͰͷද͕ࣔݻ·ͬͨͱ͖ͷରԠ
    

    View Slide

38. ࢀߟ
    w4MBDL4MBTI$PNNBOE IUUQTBQJTMBDLDPNTMBTI
    DPNNBOET
    
    w&MFDUSPO%PDVNFOUBUJPO#SPXTFS8JOEPX IUUQT
    FMFDUSPOKTPSHEPDTBQJCSPXTFSXJOEPX
    
    w&YQSFTT IUUQTFYQSFTTKTDPN
    
    w"NB[PO-JHIU4BJM IUUQTBXTBNB[PODPNKQMJHIUTBJM
    
    

    View Slide

39. ऴΘΓ
    

    View Slide