LINE x obnizハンズオン

Transcript

1. ՆͷऴΘΓͷۦ͚ࠐΈϋϯζΦϯ
2. ΞδΣϯμ 19:00ʙɹ͸͡Ίʹ
 ɹLINE BOOT AWARDSɹ/ Clovaʹ͍ͭͯ
 ɹobnizʹ͍ͭͯ 19:20ʙɹϋϯζΦϯ 21:20ʙɹ΋͘΋͘λΠϜʗ࣭໰λΠϜɹ
3. ͸͡Ίʹ LINE BOOT AWARDS / Clova ʹ͍ͭͯ
4. obnizͬͯͳʹʁ
5. ϋʔυ΢ΣΞʢిࢠճ࿏ʣΛ ωοτ͔Βૢ࡞͢Δ͜ͱ͕Ͱ͖Δ։ൃϘʔυͰ͢ ωοτ͔Βૢ࡞Ͱ͖Δ ʹ Ի੠εΩϧͱ૬ੑ͕ྑ͍Ͱ͢ ͱ͸ͳʹ͔
6. ͱ͸ͳʹ͔ • ిؾ৴߸ΛAPIͱ੍ͯ͠ޚͰ͖ΔIoT։ൃϘʔυ wifiͰৗ࣌઀ଓ ϢʔβʔϓϩάϥϜ ηϯαʗϞʔλʔ
7. ͱ͸ͳʹ͔ • ిؾ৴߸ΛAPIͱ੍ͯ͠ޚͰ͖ΔIoT։ൃϘʔυ wifiͰৗ࣌઀ଓ ϢʔβʔϓϩάϥϜ ᶃAPIͰΫϥ΢υ΁
 ίϚϯυૹ৴ ηϯαʗϞʔλʔ
8. ͱ͸ͳʹ͔ • ిؾ৴߸ΛAPIͱ੍ͯ͠ޚͰ͖ΔIoT։ൃϘʔυ wifiͰৗ࣌઀ଓ ϢʔβʔϓϩάϥϜ ᶃAPIͰΫϥ΢υ΁
 ίϚϯυૹ৴ ηϯαʗϞʔλʔ ᶄίϚϯυʹԠͯ͡ ηϯαʗϞʔλʔΛ੍ޚ
9. ͱ͸ͳʹ͔ • ిؾ৴߸ΛAPIͱ੍ͯ͠ޚͰ͖ΔIoT։ൃϘʔυ wifiͰৗ࣌઀ଓ ϢʔβʔϓϩάϥϜ ᶃAPIͰΫϥ΢υ΁
 ίϚϯυૹ৴ ᶅ੍ޚ݁Ռ͕ ؼͬͯ͘Δ ηϯαʗϞʔλʔ ᶄίϚϯυʹԠͯ͡ ηϯαʗϞʔλʔΛ੍ޚ
10. ͱ͸ͳʹ͔ • ిؾ৴߸ΛAPIͱ੍ͯ͠ޚͰ͖ΔIoT։ൃϘʔυ • APIͷ஌ࣝͱηϯαʗϞʔλʔͷ஌͚ࣝͩͰ
 IoT੡඼Λ࡞Δ͜ͱ͕Ͱ͖Δ wifiͰৗ࣌઀ଓ ϢʔβʔϓϩάϥϜ ᶃAPIͰΫϥ΢υ΁
 ίϚϯυૹ৴ ᶅ੍ޚ݁Ռ͕ ؼͬͯ͘Δ ηϯαʗϞʔλʔ ᶄίϚϯυʹԠͯ͡ ηϯαʗϞʔλʔΛ੍ޚ
11. obnizͱClovaΛ࿈ܞͤ͞Δͱɾɾɾ ϋʔυ΢ΣΞͱԻ੠Ͱ͍Ζ͍ΖͰ͖ͪΌ͍·͢ʂ Ͷ͐Ϋϩʔόɼΰϛശ։͚ͯ Ͷ͐ΫϩʔόɼτΠϨ୭͔ೖͬͯΔʁ Ͷ͐ΫϩʔόɼΧʔςϯ։͚ͯ Ͷ͐Ϋϩʔόɼ૭͠·ͬͯΔʁ
12. ϋϯζΦϯʹ ೖ͍͖ͬͯ·͠ΐ͏ʂ
13. ࠷ॳʹ • ৼΓฦΓʗίϐϖ༻ʹ͓࢖͍͍ͩ͘͞
 →͜ͷURLΛݟ·͠ΐ͏ɹͱ͍͏ͷ͕ͨ͘͞Μ͋Γ·͢ • ਐߦεϐʔυ͸શһʹ߹ΘͤͯਐΊ·͢ • ઌʹਐΊΔਓ͸ɼࢿྉΛݟͳ͕ΒઌʹਐΜͰ͍͍ͨͩͯେ ৎ෉Ͱ͢ʂ • πΠʔτେ׻ܴͰ͢ɹ#obniz #linebootawards
14. ࠓճ࡞Δ΋ͷ લ΁͢͢Ίʂ ͏͖͝·͢ ΫϩʔόʔͰಈ͘ंɼΫϩʔόɾϥδίϯΛ࡞Γ·͢
15. ࠓճ࡞Δ΋ͷ IUUQTZPVUVCF32Z2SU[ND
16. صͷ্ʹ͋Γ·͔͢ʁ • obniz • LED • Ϟʔλʔ • ڑ཭ηϯα • ൘ • Clova • ྆໘ςʔϓ • ϞόΠϧόοςϦʔ • PC • USBέʔϒϧ
 (Micro B୺ࢠ) Ϩϯλϧ/1ਓ1ݸ ࣋ͪ෺ Ϩϯλϧ/਺ਓͰγΣΞ ˞Ϩϯλϧ඼͸ճऩ͠·͢ͷͰɼஸೡʹѻ͍ͬͯͩ͘͞
17. obnizΛ ৮ͬͯΈΑ͏ʂ
18. obnizͷwifiΛઃఆ͠Α͏ • https://obniz.io/doc/quickstart ͷStep2Λ΍Γ·͢ • ·ͣobnizͷిݯΛೖΕɼ
 wifiΛબ୒͠·͢ • ύεϫʔυΛ̍จࣈͣͭೖྗ͠·͢
 
 WIFI৘ใ
 ɹɹSSID :
 
 ɹɹPASSWORD : 
 
 ※ձ৔ͰͷΈදࣔ
19. ಈ࡞֬ೝ • QRίʔυ͕ग़ͨΒɼhttps://obniz.io/doc/quickstart ͷ Step3ɼఱؾ༧ใΛදࣔͯ͠ΈΑ͏
20. obnizͷαϯϓϧϓϩάϥϜΛࢼͯ͠ΈΑ͏ • LEDνΧΛͯ͠ΈΑ͏
 https://obniz.io/doc/lessons_turning_on_led
 • ڑ཭ηϯαʔͰ༡ΜͰΈΑ͏
 https://obniz.io/sdk/parts/GP2Y0A21YK0F/
 
 https://obniz.io/explore/35

21. node.js͔Β࢖ͬͯΈ·͠ΐ͏ 1. node.jsΛμ΢ϯϩʔυɾΠϯετʔϧ 2. ຊ൪؀ڥͷߏங 3. ϩʔΧϧͰ࡞੒ɾςετ 4. σϓϩΠ 5. ຊ൪؀ڥͰ࣮ߦ
22. node.js͔Β࢖ͬͯΈ·͠ΐ͏ 1. node.jsΛμ΢ϯϩʔυɾΠϯετʔϧ 2. ຊ൪؀ڥͷߏங 3. ϩʔΧϧͰ࡞੒ɾςετ 4. σϓϩΠ 5. ຊ൪؀ڥͰ࣮ߦ ͜ΕΒෆཁͰ͢
23. node.js͔Β࢖ͬͯΈ·͠ΐ͏ 1. node.jsΛμ΢ϯϩʔυɾΠϯετʔϧ 2. ຊ൪؀ڥͷߏங 3. ϩʔΧϧͰ࡞੒ɾςετ 4. σϓϩΠ 5. ຊ൪؀ڥͰ࣮ߦ ͜ΕΒෆཁͰ͢ 3VOLJUͰ ͚ͩ͜͜΍Γ·͢ node.jsͩͱͯ͠΋؀ڥߏஙෆཁͰ͓खܰʹ΍Γ·͠ΐ͏
24. Runkitͱ͸ Runkit͸node.jsΛ͙͢ʹαʔόʔͰಈ͔ͤΔαʔϏεͰ͢ɽ • ؀ڥߏஙࡁΈͳͷͰɼnode.jsΛͪΐͬ͜ͱ͓ࢼ͍ͨ͠͠ͱ͖ʹ ޲͍͍ͯ·͢ɽ • ؆୯ͳΞϓϦΛ࡞Δ͜ͱ͕Ͱ͖·͢ • endpointʢHTTPSαʔόʔʣ΋࡞Δ͜ͱ͕Ͱ͖·͢
25. RunkitͰಈ͔͢ͱ͖ͷϑϩʔ ෦඼ obniz on Ϣʔβʔ HTTPϦΫΤετૹ৴ obnizͱ઀ଓ ઀ଓ׬ྃ “motor move“Λ
 “io0 5V"ʹม׵ ίϚϯυड৴ io0Λ5Vʹ͢Δ ಈ͘ Ϩεϙϯεฦ͢ “io0 5V”Λૹ৴ Ϩεϙϯεडྖ
26. node.js͔Β࢖ͬͯΈ·͠ΐ͏ https://runkit.com/ ʹϩάΠϯ͠·͢ ※macͷsafariͩͱ೔ຊޠจࣈೖྗ͕Ͱ͖ͳ͍͜ͱ͕͋ΔͷͰɼ Chrome, Firefox౳Λ͓͢͢Ί͠·͢
27. node.js͔Β࢖ͬͯΈ·͠ΐ͏ ͪ͜ΒͷίʔυΛClone͠·͢
 https://runkit.com/9wick/obniz-express-base-code 

28. node.js͔Β࢖ͬͯΈ·͠ΐ͏ obniz id͚ͩॻ͖׵͑ͯɼendpointϘλϯΛԡ͠·͢
29. ϞʔλʔΛnode.js͔Βಈ͔͢ λΠϠͱϞʔλʔΛͭͳ͛ͯɼobnizʹࢗ͠·͢ 0൪pinͱ1൪pinʹͭͳ͗·͢
30. ϞʔλʔΛnode.js͔Βಈ͔͢ ϞʔλʔΛ̍ඵ͚ͩલʹಈ͔͠·͢ IUUQTSVOLJUDPNXJDLPCOJ[ FYQSFTTNPUPSDPEF
31. ClovaΛ ৮ͬͯΈΑ͏ʂ
32. Clova + Runkit+obnizͷϑϩʔ obniz on Clova ʮલʹਐΊʯ obnizͱ઀ଓ ઀ଓ׬ྃ “motor move“Λ
 “io0 5V"ʹม׵ ίϚϯυड৴ io0Λ5Vʹ͢Δ ಈ͘ Ϩεϙϯεฦ͢ “io0 5V”Λૹ৴ ʮલʹਐΈ·͢ʯ σόΠε Ի੠Λղੳͯ͠
 httpϦΫΤετૹ৴ σόΠεʹૹ৴ HTTPϦΫΤετΛղੳ ෦඼
33. clova + Runkit+obnizͷϑϩʔ obniz on Clova ʮલʹਐΊʯ obnizͱ઀ଓ ઀ଓ׬ྃ “motor move“Λ
 “io0 5V"ʹม׵ ίϚϯυड৴ io0Λ5Vʹ͢Δ ಈ͘ Ϩεϙϯεฦ͢ “io0 5V”Λૹ৴ ʮલʹਐΈ·͢ʯ σόΠε Ի੠Λղੳͯ͠
 httpϦΫΤετૹ৴ σόΠεʹૹ৴ HTTPϦΫΤετΛղੳ ͜Ε͔Β࡞Δ෦෼ ઌఔମݧͨ͠෦෼ ෦඼
34. LINE Clovaͷઃఆ ىಈ͠·ͨ͠ લʹ͢͢Ί લʹਐΈ·͢ ΫϩʔόɾϥδίϯΛىಈͯ͠
35. LINE Clovaͷઃఆ ΫϩʔόɾϥδίϯΛىಈͯ͠ ΞϓϦ໊ ɾεϩοτ(೚ҙ୯ޠͷ৔ॴ) ɾεϩοτλΠϓ
 ʢͲΜͳ୯ޠ͕ೖΔ͔)
 લʗޙΖ Πϯςϯτʢจʣ ىಈ͠·ͨ͠ લʹ͢͢Ί લʹਐΈ·͢ ্هΛ͢΂ͯWeb্Ͱొ࿥͍͖ͯ͠·͢ ※ฦ౴͸node.jsͰॻ͍͍͖ͯ·͢
36. LINE Clovaͷઃఆ(ΞϓϦͷొ࿥) ΞϓϦͷొ࿥Λ͠·͠ΐ͏ https://clova-developers.line.me/
37. LINE Clovaͷઃఆ(ΞϓϦͷొ࿥) ϩάΠϯ͠·͢
38. LINE Clovaͷઃఆ(ΞϓϦͷొ࿥) εΩϧνϟωϧΛ࡞੒͠·͢
39. LINE Clovaͷઃఆ(ΞϓϦͷొ࿥) ϓϩόΠμʢ഑෍ऀʣΛબ୒ʗ࡞੒͠·͢
40. LINE Clovaͷઃఆ(ΞϓϦͷొ࿥) νϟωϧ໊Λࢦఆͯ͠࡞੒͠·͢ νϟωϧ໊ɿΫϩʔόɾϥδίϯ ࣍ͷը໘͸ͦͷ··Create͠·͢
41. LINE Clovaͷઃఆ(ΞϓϦͷొ࿥) νϟωϧͷجຊઃఆΛ͠·͢ ࡞੒ϘλϯΛԡͯ͠อଘ͍ͯͩ͘͠͞ λΠϓ ΧελϜ &YUFOTJPO
    *% υϝΠϯͷٯॱ
 FY
    JPPCOJ[TLJM εΩϧ໊ Ϋϩʔόɾϥδίϯ ݺͼग़໊͠ ϝΠϯ Ϋϩʔόϥδίϯ ݺͼग़໊͠ αϒ ϥδίϯ "VEJP1MBZFSͷ࢖༻ ͍͍͑ ఏڙऀ۠෼ ݸਓ ఏڙऀ໊ ࣗ෼ͷ໊લ ୲౰ऀϝʔϧΞυϨε ࣗ෼ͷΞυϨε &YUFOTJPOͱ࿈ܞ͢Δ -*/&ͷΞΧ΢ϯτ બ୒͠ͳ͍
42. LINE Clovaͷઃఆ(ର࿩Ϟσϧͷొ࿥) Ի੠ϫʔυͷొ࿥Λ͠·͢ʢ͔͜͜Β͕ຊ൪ʂʣ ʮεΩϧઃఆʯϘλϯΛԡ͠·͢
43. LINE Clovaͷઃఆ(ର࿩Ϟσϧͷొ࿥) ର࿩Ϟσϧͷमਖ਼Λԡ͠·͢
44. LINE Clovaͷઃఆ(ର࿩Ϟσϧͷొ࿥) ର࿩Ϟσϧͷฤूը໘͕ग़͖ͯ·͢
45. LINE Clovaͷઃఆ ΞϓϦ໊ ɾεϩοτ(೚ҙ୯ޠͷ৔ॴ) ɾεϩοτλΠϓ
 ʢͲΜͳ୯ޠ͕ೖΔ͔)
 લʗޙΖ Πϯςϯτʢจʣ ΠϯςϯτͱεϩοτͱεϩοτλΠϓͰ
 ࠞཚ͠ͳ͍Α͏ʹɾɾɾ ىಈ͠·ͨ͠ લʹ͢͢Ί લʹਐΈ·͢ ΫϩʔόɾϥδίϯΛىಈͯ͠
46. LINE Clovaͷઃఆ(ର࿩Ϟσϧͷొ࿥) εϩοτͷొ࿥Λ͠·͠ΐ͏ ΧελϜεϩοτλΠϓͷ
 ௥ՃϘλϯΛԡ͠·͢ ɾεϩοτ(Ґஔ) ɾεϩοτλΠϓ
 (୯ޠ) Πϯςϯτ ʮલ΁͢͢Ίʯ
47. LINE Clovaͷઃఆ(ର࿩Ϟσϧͷొ࿥) ໊લΛ͚ͭͯεϩοτλΠϓΛ࡞੒͠·͢
 εϩοτλΠϓ໊ɿDirectionSlotType ɾεϩοτ(Ґஔ) ɾεϩοτλΠϓ
 (୯ޠ) Πϯςϯτ ʮલ΁͢͢Ίʯ
48. LINE Clovaͷઃఆ(ର࿩Ϟσϧͷొ࿥) εϩοτλΠϓͷ୯ޠΛೖྗ͠·͢
 લʗޙΖΛೖྗ͠·͠ΐ͏ ॻ͖ऴΘͬͨΒอଘ͠·͢ ɾεϩοτ(Ґஔ) ɾεϩοτλΠϓ
 (୯ޠ) Πϯςϯτ ʮલ΁͢͢Ίʯ
49. LINE Clovaͷઃఆ Πϯςϯτͷొ࿥Λ͠·͠ΐ͏ Πϯςϯτͷ௥ՃϘλϯΛԡ͠·͢ ɾεϩοτ(Ґஔ) ɾεϩοτλΠϓ
 (୯ޠ) Πϯςϯτ ʮલ΁͢͢Ίʯ
50. LINE Clovaͷઃఆ ໊લΛ͚ͭͯΧελϜΠϯςϯτΛ࡞੒͠·͢ Πϯςϯτ໊ɿMoveIntent ɾεϩοτ(Ґஔ) ɾεϩοτλΠϓ
 (୯ޠ) Πϯςϯτ ʮલ΁͢͢Ίʯ
51. LINE Clovaͷઃఆ αϯϓϧର࿩Ϧετʹ௥Ճ͠·͢ ର࿩Ϧετɿલ΁ಈ͚ ϥδίϯ ɾεϩοτ(Ґஔ) ɾεϩοτλΠϓ
 (୯ޠ) Πϯςϯτ ʮલ΁͢͢Ίʯ
52. LINE Clovaͷઃఆ ର࿩Ϧετͷʮલʯͷ෦෼Λυϥοάͯ͠ɼεϩοτԽ͠·͢ εϩοτ໊:DirectionSlot ɾεϩοτ(Ґஔ) ɾεϩοτλΠϓ
 (୯ޠ) Πϯςϯτ ʮલ΁͢͢Ίʯ
53. LINE Clovaͷઃఆ DirectionSlotͷλΠϓΛDirectionSlotTypeʹઃఆ͠·͢ ઃఆͨ͠ΒอଘϘλϯΛԡ͠·͢ ɾεϩοτ(Ґஔ) ɾεϩοτλΠϓ
 (୯ޠ) Πϯςϯτ ʮલ΁͢͢Ίʯ
54. LINE Clovaͷઃఆ ઃఆ͸׬੒Ͱ͢ʂ ϏϧυϘλϯΛԡ͠·͠ΐ͏ʢ஫ɿ݁ߏ͔͔࣌ؒΓ·͢ 15෼͙Β͍ʣ
55. ϋʔυ΢ΣΞ੡࡞ Ϗϧυ͍ͯ͠Δؒʹϋʔυ΢ΣΞͱnode.jsଆΛ࡞Γ·͠ΐ͏ λΠϠͱϞʔλʔΛͭͳ͛ͯɼobnizʹࢗ͠·͢
56. ϋʔυ΢ΣΞ੡࡞ ̎ͭ໨΋ಉ͡Α͏ʹࢗ͠·͢
57. ϋʔυ΢ΣΞ੡࡞ ྆໘ςʔϓͰ൘ʹࢭΊͨΒ׬੒Ͱ͢ obnizͱέʔϒϧ΋ద౰ʹͱΊ͍ͯͩ͘͞
58. node.jsͷ࡞੒ ίʔυΛΫϩʔϯͯ͠ɼURLͷൃߦʗొ࿥Λ͠·͠ΐ͏
 
 https://runkit.com/9wick/obniz-x-line-clova-base-code 

59. LINE Clovaͷઃఆ RunkitͰclovaExtensionIdͱyourObnizIdΛઃఆ͠·͢ clovaExtensionId͸ج ຊઃఆͰઃఆͨ͠΋ͷͰ ͢
60. node.jsͷ࡞੒ ClovaʹendpointͷURLΛొ࿥͠·͢
 
 ɾendpointΛԡͯ͠ɼ৽͍͠λϒͰURLΛ։͖·͢
 ɾURLΛίϐʔ͠·͢
 ˞ʮCannot GET /ʯͱग़·͕͢ɼؾʹ͠ͳͯ͘େৎ෉Ͱ͢
 (ϒϥ΢β͔Βͷ௨ৗͷϦΫΤετʹରԠ͍ͯ͠ͳ͍ΤϥʔͰ͢)
61. LINE Clovaͷઃఆ ΞϓϦͷجຊ৘ใΛमਖ਼͠·͢
62. LINE Clovaͷઃఆ αʔόʔઃఆΛ͠·͢
63. LINE Clovaͷઃఆ ExtensionαʔόʔͷURLΛઌఔίϐʔͨ͠URLʹͯ͠อଘ͠·͢
64. LINE Clovaͷઃఆ Ϗϧυ͕ऴΘΔͷΛ଴ͪ·͠ΐ͏ɽɽɽ ଴ͪ࣌ؒͰ؆୯ʹίʔυͷղઆ͠·͢ɽ ղઆ͕ऴΘͬͯ΋Ϗϧυ͕ऴΘͬͯͳ͔ͬͨΒɼ
 ઌʹϥδίϯͱͯ͠༡ΜͰ͍ͯͩ͘͞ https://obniz.io/explore/42
65. LINE Clovaͷઃఆ ςετը໘ʹߦ͖·͢
66. LINE Clovaͷઃఆ ςετจࣈΛೖྗͯ͠ɼςετ͠·͠ΐ͏
 ςετจࣈྻɿલ΁ਐΊ ϥδίϯಈ͖·͔ͨ͠ʁ
67. ࣮ػͰςετ ࣮ػͰςετ͠·͠ΐ͏
 ClovaͱεϚϗΛඥ͚ͮͯɼClovaΞϓϦ͔Βಈ͔͠·͢ ӈ্ͷઃఆϘλϯ Λબ୒ εΩϧετΞΛબ୒ Ϋϩʔόɾϥδίϯ
 Λબ୒ ར༻։࢝Λબ୒
68. ࣮ػͰςετ Clovaʹ੠Λ͔͚ͯΈ·͠ΐ͏ Ͷ͐ΫϩʔόɼΫϩʔόϥδίϯىಈͯ͠ લ΁͢͢Ί ޙΖ΁͢͢Ί
69. ͓͔ͭΕ͞·Ͱͨ͠
70. obniz x ClovaͰͰ͖Δ͜ͱ αʔϘϞʔλΛ࢖ͬͨεΠονͷΦϯΦϑ
 ɹ Թ౓ηϯαΛ࢖ͬͨԹ౓௨஌
 ɹ ੺֎ઢϦϞίϯͱͷ࿈ಈ
 ɹ ϞʔλʔͰ෺ཧతͳ΋ͷΛಈ͔͢
 Ͷ͐Ϋϩʔόɼ෦԰ͷిؾফͯ͠ Ͷ͐Ϋϩʔόɼ෦԰ͷԹ౓ڭ͑ͯ Ͷ͐ΫϩʔόɼTV͚ͭͯ Ͷ͐Ϋϩʔόɼ͓஡ӡΜͰ
71. ΋͘΋͘λΠϜʗ࣭໰λΠϜ • ࣗ༝ʹίʔυΛ͍ͬͯ͡ΈͨΓɼਫ਼ಡͯ͠ΈͨΓ͍ͯͩ͘͠͞ • ࣭໰େ׻ܴͰ͢ɽपΓͷελοϑʹฉ͍͍ͯͩ͘͞