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. দ࡚ ܒ࣏
2. ࣗݾ঺հ
3. দ࡚
   ܒ࣏ w·͖ͭ͟
   ͚͍͡
   ೥ੜ·Ε
   w1JFDF
   PG
   $BLF
   *OD
   ೥݄ʹೖࣾ
   wΠϯϑϥ΍αʔόαΠυΛ୲౰
   w39
   ."
   ίϯσδ
   Λങ͍·ͨ͠
4. ࠓճ͓࿩Λ͢Δ಺༰ w໘σΟεϓϨΠͱ͸
   w໘σΟεϓϨΠ๊͕͍͑ͯͨӡ༻ͷ໰୊
   w&MFDUSPOΛར༻͢ΔʹࢸΓ࣮༻·Ͱ
5. ࠓճ͓࿩Λ͢Δ಺༰ w4MBDL͔Β֤σΟεϓϨΠදࣔΛ੍ޚͰ͖ΔΑ͏ʹͨ͠
   wࠓ͋Δ՝୊ɾ໰୊
   wࢀߟʹͨ͠΋ͷ
6. ൃදΛ࢝Ί·͢
7. ໘σΟεϓϨΠΛ
   &MFDUSPOͰ׆༻͢Δ
8. ໘σΟεϓϨΠʁ
9. ໘σΟεϓϨΠ w1JFDF
   PG
   $BLF
   *OD
   ͷࣥ຿ΤϦΞʹ͋ΔσΟεϓϨΠ܈
   wຕ͋ΔͷͰɺ໘σΟεϓϨΠͱݴ͏
12. ໘σΟεϓϨΠ w֎ԓલʹ1JFDF
    PG
    $BLF
    *OD͕Ҡ͖ͬͯͨ࣌ʹߏங
    w୆ͷ8JOEPXTϚγϯͰຕͷσΟεϓϨΠΛ֤ࣗ؅ཧ
    wελʔτΞοϓ࣌ʹ*&্ཱ͕͕ͪΓσΟεϓϨΠʹදࣔ
13. ໘σΟεϓϨΠ wσΟεϓϨΠΛ؅ཧ͍ͯ͠ΔϚγϯ
14. ࣮ӡ༻ͷ໰୊Λ๊͑Δ
15. ࣮ӡ༻ͷ໰୊Λ๊͑Δ wΩʔϘʔυΛར༻ͯ͠खಈͰૢ࡞͠ͳ͚Ε͹ͳΒͳ͍
    wදࣔϦιʔε͕εΫϦϓτʹ௚ʹॻ͔Ε͍ͯΔɻͦͷͨΊɺ ϦιʔεΛ੾Γସ͍͑ͨ৔߹͸ॻ͖׵͑Δඞཁ͕͋Δ
    wਓ͕ؒ౎౓Ҡಈ͠ɺ؅ཧͯ͋͛͠ͳ͚Ε͹͍͚ͳ͍
16. ߟ͑ͨ
17. &MFDUSPOΛ࢖͏
18. &MFDUSPOΛ࢖͏ w*&ͰσΟεϓϨΠ΁ͷදࣔιʔεͷ؅ཧΛ͍ͯͨ͠ɻ
    wಉ͡Α͏ʹϒϥ΢βΛ࢖͍͍ͨ
    wૢ࡞Ͱ͖Δϒϥ΢β͸ͳΜͩΖ͏͔
    w΍ͬͺ&MFDUSPO͔ͳ͊
19. &MFDUSPOΛ࢖͏ wOPEFKTͰ࡞ΒΕͨϓϩμΫτͰ͋Δ
    wOPEFKT͸8JOEPXTʹର͢Δαϙʔτ͕ൺֱతखް͍
    w8JOEPXTͰͷ؀ڥߏஙʹؔͯ͠಄Λ๊͑ͳͯ͘΋ྑͦ͞͏
20. &MFDUSPOΛ࢖͏ wઃܭ͸Ͳ͏͢Δ͔
    wΫϥΠΞϯτ
    
    αʔόϞσϧͰ࣮૷͠Α͏
    w&MFDUSPOΛΫϥΠΞϯτͱ͢Δ
    wαʔό͸FYQSFTTͰ࣮૷͠ɺ"1*Λ&MFDUSPOʹఏڙ͢Δ
21. &MFDUSPOΛ࢖͏ w&MFDUSPOΞϓϦ͸αʔό͔ΒϦιʔε 63- Λड͚औΔ
    wαʔό͸&MFDUSPOʹද͍ࣔͨ͠ϦιʔεΛࢦࣔ
    wͱ͍ͬͯ΋࣮૷͸؆୯ͳ"1*
    
    ΫϥΠΞϯτ16--ܕ
22. &MFDUSPOΛ࢖͏ w&MFDUSPOΞϓϦ͸ఆظతʹαʔόʹ໰͍߹ΘͤΛߦ͏
    w&MFDUSPOΞϓϦ͕ఆظతʹ10--*/(
    wαʔό
    "1*ʹ63-Λ໰͍߹Θͤ
23. &MFDUSPOΛ࢖͏ wҎલऔಘ͍ͯͨ͠63-ͱҟͳΔ৔߹ͷΈදࣔΛ੾Γସ͑Δ
    w8JOEPXTϚγϯ͸&MFDUSPOΛදࣔ͢Δ໾ׂʹప͢Δ
24. ਓؒ޻਺໰୊͕ղܾ
25. 4MBDLͰ
    σΟεϓϨΠΛ੍ޚͰ͖ΔΑ͏ʹͨ͠
    
26. 4MBDLͰ֤σΟεϓϨΠΛ੍ޚͰ͖ΔΑ͏ʹͨ͠
    w4MBDLͷίϚϯυͱͯ͠ఆٛ͢Ε͹Α͍ͱ൑அ
    wEJTQMBZ
    \σΟεϓϨΠ൪߸^
    \ද͍ࣔͤͨ͞63-^
    wίϚϯυΛ࣮ߦ͢Ε͹ࢦఆͷσΟεϓϨΠͷදࣔιʔε͕ ੾ΓସΘΔ
28. 4MBDLͰσΟεϓϨΠΛ੍ޚͰ͖ΔΑ͏ʹͨ͠
    wαʔό͕ΫϥΠΞϯτʹฦ͢"1*ͷϦιʔεߋ৽ॲཧ
    w"1*໰͍߹ΘͤΛߦ͍ɺશ։"1*໰͍߹Θͤͨ͠63-ͱҟͳ Δ΋ͷͰ͋Ε͹ɺදࣔର৅Ϧιʔε͕ߋ৽͞Εͨͱ൑அ͠ ॻ͖׵͑ΔΑ͏ʹ͢Δ
29. ࣮ԋ ऩ࿥ࡁ https://www.youtube.com/watch?v=T5E9PW1wpHc
31. 4MBDLίϚϯυೖྗ
    ऩ࿥ࡁ https://youtu.be/RZ_lthXn8bE
33. 4MBDL͔Β֤σΟεϓϨΠදࣔΛ੍ޚͰ͖ΔΑ͏ʹͨ͠
    wαʔόͷ௥Ճ࣮૷͸4MBDLͷ1045ϦΫΤετΛड͚෇͚Δ ͜ͱ
    w࣮૷͸ಛʹ٧·Δͱ͜Ζ͸ͳ͔ͬͨ
    w࣮૷ޙɺίϚϯυΛςετ͠ӡ༻ʹ৐Δ
34. ΍Γ͍ͨ͜ͱ͸Ͱ͖ͨʂ
35. ࠓ͋Δ՝୊ɾ໰୊
36. ࠓ͋Δ՝୊ɾ໰୊ wKTPOϑΝΠϧʹঢ়ଶΛอଘ͍ͯ͠Δ
    wSFRVJSF bECKTPO` ͱ͍͏ڧؾͷखஈΛར༻
    w#SPXTFS8JOEPXॻ͖׵͑ؔ਺಺Ͱ4FU*OUFSWBM
37. ࠓ͋Δ՝୊ɾ໰୊ w8JOEPXTΞοϓσʔτͷ౎౓ରԠ
    w#SPXTFS8JOEPXͷGPSDFSFMPBEະରԠ
    w&MFDUSPOͰͷද͕ࣔݻ·ͬͨͱ͖ͷରԠ
38. ࢀߟ w4MBDL
    4MBTI
    $PNNBOE
    IUUQTBQJTMBDLDPNTMBTI DPNNBOET
    w&MFDUSPO
    %PDVNFOUBUJPO
    
    #SPXTFS
    8JOEPX
    IUUQT FMFDUSPOKTPSHEPDTBQJCSPXTFSXJOEPX
    w&YQSFTT
    IUUQTFYQSFTTKTDPN
    w"NB[PO
    -JHIU
    4BJM
    IUUQTBXTBNB[PODPNKQMJHIUTBJM
39. ऴΘΓ