Roomba（ルンバ）とフロントエンドとIoT

Frontend de KANPAI!#02 #frokan LT枠での資料です。

# 資料内参考リンク

## 「ストライクショット！」と叫ぶとRoombaが走り出す最高のUX
https://youtu.be/DNpUF76Thww

## Roomba（ルンバ） とマイホームとIoT
https://qiita.com/umesan/items/ea9d1603d139387b6a97

## homebridge-roomba
https://www.npmjs.com/package/homebridge-roomba

Transcript

1. 3PPNCBʢϧϯόʣͱϑϩϯτΤϯυͱ*P5  കࢁ௚थ 9'-"(
   ελδΦ Ϟϯετࣄۀຊ෦ ϑϩϯτΤϯυσβΠϯνʔϜ
2. 1 ࣗݾ঺հ
3. 2 ࣗݾ঺հ കࢁ௚थʢ͏Ί΍·ͳ͓͖ʣ  גࣜձࣾϛΫγΟ 9'-"(ελδΦ Ϟϯετࣄۀຊ෦ ϑϩϯτΤϯυσβΠϯνʔϜ  ʮϞϯελʔετϥΠΫʯʮϑΝΠτϦʔάʯɺ εϚʔτϑΥϯήʔϜΞϓϦͷެࣜαΠτͷӡ༻୲౰
4. ˗ ਓͷ஌ܙͱ༐ؾΛṌ͚ͨ೤͖λοάότϧΤϯλʔςΠϯϝϯτʰϑΝΠτϦʔάʱʂ ˗ݸੑ͋;ΕΔͭͷϒϥϯυΛ཰͍ͯਓ͚ͩͷ஌ུɺઓུΛཱͯϦʔάͷ௖఺Λ໨ࢦͤʂ 3 <13>ϑΝΠτϦʔά
5. 4 ˗ੈքྦྷܭར༻ऀ਺  ສਓಥഁʂʗςϨϏ$.ઈࢍ์өதʂ ˗࠷େਓಉ࣌ʹָ͠ΊΔʮͻͬͺΓϋϯςΟϯά31(ʯ <13>ϞϯελʔετϥΠΫ
6. 5 ϞϯελʔετϥΠΫͷܾΊ୆ࢺɺ ʮετϥΠΫγϣοτʂʯͱڣͿͱɺ 3PPNCBʢϧϯόʣ͕૸Γग़͢࠷ߴͷ69Λ࡞Δ ϑϩϯτΤϯυͷٕज़Ͱ3PPNCBʢϧϯόʣΛಈ͔͢
7. 6 ͳͥ3PPNCBͳͷ͔ʁ  ·Δ͍ɻ  นʹ͋ͨΔͱ௓ͶฦΔɻ  ఢʢ͝ΈʣΛ౗͢ʢআڈʣɻ
8. 7 ʮετϥΠΫγϣοτʂʯͱڣͿͱ3PPNCB͕૸Γग़͢࠷ߴͷ69ʂ IUUQTZPVUVCF%/Q6'5IXX
9. 8 ඞཁͳ΋ͷ  3PPNCB
   
   
   
   
   
   
   
   ʢ8J'JରԠϞσϧʣ  "QQMF8BUDI
   J1IPOF
   4JSJରԠσόΠε  3BTQCFSSZ
   1J
   
   .BD  &MHBUP &WF
   ʻ)PNF,JUɿ"QQMFͷఏڙ͢ΔՈి؅ཧͷ࢓૊ΈʼରԠΞϓϦ  /PEFKT  )PNFCSJEHF )PNFLJUΛΤϛϡϨʔτͨ͠/PEF+4αʔό  IPNFCSJEHFSPPNCB 3PPNCBΛಈ͔ͨ͢Ίʹࣗ࡞ͨ͠ϓϥάΠϯ ϋʔυ ιϑτ
10. ϋʔυ :PV "QQMF
    8BUDI J1IPOF 3BTQCFSSZ
    1J 3PPNCB ιϑτ 4JSJ &MHBUP &WF /PEFKT )PNFCSJEHF IPNFCSJEHFSPPNCB ߏ੒ 9 શମߏ੒ ᶃ ᶄ ᶅ ᶆ ᶇ ᶈ ᶉ ᶊ
11. ᶃ ʮετϥΠΫγϣοτʯͱڣͿ ᶄ "QQMF8BUDIͷ4JSJ͕Ի੠Λೝࣝ ᶅ 4JSJΛܦ༝ͯ͠ɺ J1IPOFʹΠϯετʔϧ͞Ε͍ͯΔ&MHBUP &WF͕ݺͼग़͞ΕΔɻ &MHBUP &WFʹࣄલొ࿥͞Ε͍ͯΔʮ ετϥΠΫγϣοτʯͱ͍͏ʮγʔϯʯ ͕࣮ߦ͞Εɺᶆͷ)PNFCSJEHFαʔόʹʮ 300.#"ͷిݯΛ0/ʯʹ͢Δͱ ͍͏ʮΞΫγϣϯʯΛϦΫΤετ ᶆ )PNFCSJEHFαʔό͕ʮΞΫγϣϯʯΛड͚औΓɺ IPNFCSJEHFSPPNCBΛ௨ͯ͠ɺ ᶇͷ3PPNCBʹNRUUͱ͍͏ϓϩτίϧͰɺ\`TUBUF``TUBSU`^
    Λ QVCMJTI ᶇ TUBSU
    ϝοηʔδΛड৴ͨ͠3PPNCB͕૟আΛ։࢝ ᶈ ॲཧ׬ྃͷϨεϙϯεΛฦ٫ ᶉ ઃఆ׬ྃͷϝοηʔδΛ௨஌ ᶊ ઃఆ׬ྃͷϝοηʔδΛϨϯμϦϯά 10 ॲཧͷྲྀΕ
12. 11 IPNFCSJEHFSPPNCB  &4Ͱॻ͔Εͨ3PPNCBૢ࡞༻ͷIPNFCSJEHFϓϥάΠϯ  OQNύοέʔδͱͯ͠ެ։ ৄࡉɿIUUQTXXXOQNKTDPNQBDLBHFIPNFCSJEHFSPPNCB
13.  +BWB4DSJQUʢ$PGGFF4DSJQUʣͷ஌ࣝͰIVCPUΛઃఆ 12 ௥ՃΧελϚΠζɿ૟আঢ়گΛIVCPUͰ4MBDLʹ௨஌ ৄࡉ ɿ ʮ3PPNCBʢϧϯόʣ ͱϚΠϗʔϜͱ*P5ʯIUUQTRJJUBDPNVNFTBOJUFNTFBEECB
14. 13 Ոఉ಺*P5ͷεεϝ ·ͱΊ
15. 14 Ոఉ಺*P5ͷεεϝ IUNM
    1VH
    FKT
    DTT
    TBTT
    QPTUDTT #&.
    00$44
    4."$44
    K2VFSZ
    7VFKT
    3FBDUKT
    .BSJPOFUUFKT 8FCQBDL
    (VMQ
    (SVOU "UPN
    4VCMJNF5FYU Visual Studio Code, +FOLJOT
    4MBDL
    +JSB
    $ISPNF
    4BGBSJʜ /PEFKT
    $PGGFF4DSJQU
    &4
    &TMJOU
    )PNF,JU
    3BTQCFSSZ
    1J
    4JSJ 4MBDL"1*
    Incoming Webhooks, IVCPU /QN
    (JU)VC
    )FSPLV 7JN
    4IFMM4DSJQU
    J5FSN 3PPNCB
    )VF
    .JDSPCPUQVTI
    *3,JUʜ ීஈͷۀ຿ྖҬ Ոఉ಺*P5ͷྖҬ
16. 15 Ոఉ಺*P5ͷεεϝ  Ոఉ಺*P5Λମݧ͢Δ͜ͱͰɺ ීஈͷۀ຿ྖҬ͚ͩͰ͸ࢥ͍͔ͭͳ͔ͬͨɺ ࣗಈԽɾվળͷΞΠσΞʹͨͲΓͭ͘ ʢTUZMFMJOUDPOGJHTUBOEBSE
    Λࣗ࡞ͷύοέʔδͰ্ॻ͖ͯ͠೔ຊޠԽʣ  4MBDLɺIVCPU ʹৄ͘͠ͳΔɻ ˠ ఆྫใࠂΛCPUͰࣗಈԽɻ  OQN ύοέʔδͷ࡞ΓํΛ֮͑Δɻˠ ීஈ࢖͍ͬͯΔύοέʔδͷෆຬΛղফɻ
17. Thank you!