WebSocket 使ってアンケートをやってみよう! #北海道LT大会 #ゆるWeb札幌

by Kihara, Takuya

Slide 1

Slide 1 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ גࣜձࣾϊʔεσΟςʔϧ ։ൃ%JWJTJPOٕज़ਪਐ(SPVQ ໦ݪ୎໵ 8FC4PDLFU࢖ͬͯ ΞϯέʔτΛ΍ͬͯΈΑ͏ ೥݄೔

Slide 2

Slide 2 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ • ໊લ ໦ݪ ୎໵ / @tacck • ॴଐ גࣜձࣾϊʔεσΟςʔϧ  ։ൃDivision ٕज़ਪਐGroup / Leader • ओ࠵ • ΏΔWebษڧձ@ࡳຈ • εϚʔτεϐʔΧʔͰ༡΅͏ձ@ࡳຈ • ޷͖ͳϑΟΪϡΞεέʔτͷٕ εϓϨουɾΠʔάϧ ୭ PHP Conference Hokkaido 2019

Slide 3

Slide 3 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ • WebSocket Λ࢖ͬͯɺ  ؆୯ͳΞϯέʔτγεςϜΛ࡞Γ·ͨ͠ɻ ࠓ೔ͷ͓࿩

Slide 4

Slide 4 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ૣ଎σϞ

Slide 5

Slide 5 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ σϞऴྃ

Slide 6

Slide 6 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ

Slide 7

Slide 7 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws) / Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow

Slide 8

Slide 8 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws) / Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow ίϯςϯπ഑৴  (HTML/CSS/JS)

Slide 9

Slide 9 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws) / Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow WebSocketͰ  ઀ଓ

Slide 10

Slide 10 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws) / Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow ࣍ͷ໰୊

Slide 11

Slide 11 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws) / Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow ࣍ͷ໰୊ HTTPSͰ  ࣍ͷ໰୊ૹ৴ґཔ

Slide 12

Slide 12 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws) / Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow WebSocketͰ  ໰୊৘ใૹ৴ socket.send(…) ws.on(‘message’,…) ws.on(‘message’,…)

Slide 13

Slide 13 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws) / Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow WebSocketͰ  ճ౴ฦ٫ ws.send() socket.on(‘message’,…)

Slide 14

Slide 14 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws) / Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow WebSocketͰ  ΈΜͳͷճ౴ฦ٫ socket.on(‘message’,…) ws.send()

Slide 15

Slide 15 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws) / Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow WebSocketͰ  ूܭ݁Ռૹ৴ socket.send(…) ws.on(‘message’,…)

Slide 16

Slide 16 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ͸͍؆୯

Slide 17

Slide 17 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ FOE

Slide 18

Slide 18 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ͱΈ͔͚ͤͯࠂ஌

Slide 19

Slide 19 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ • TEFಓ͞Μͱͷ߹ಉษڧձ • ։࠵೔: 2020೥01݄22೔ (ਫ) • ͨͩ͠ɺ͢Ͱʹຬ੮ɻ  ΏΔ8FCษڧձ!ࡳຈ ͦͷ

Slide 20

Slide 20 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ • ࣍ճ͸ɺΠϯϑϥܥςʔϚͰ΍Δ༧ఆɻ • σϓϩΠ΍ߏ੒؅ཧɺ  ΦϯϓϨ͔ΒΫϥ΢υ·Ͱɺ  ΠϯϑϥɾωοτϫʔΫͬΆ͔ͬͨΒOKɻ  (ॳ৺ऀɾೖ໳ऀ޲͚Ͱ͓ئ͍͠·͢ɻ) • ։࠵೔: 2020೥02݄15೔ (౔) or 02݄19೔ (ਫ)   ʹ͠Α͏͔ͳͱݕ౼தɻ (5ਓ͘Β͍ू·ΔͳΒܾߦ) ΏΔ8FCษڧձ!ࡳຈ ͦͷ

Slide 21

Slide 21 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ • εϚʔτεϐʔΧʔϛʔςΟϯά͞Μͱͷ߹ಉษڧձ • ։࠵೔: 2020೥01݄30೔ (౔) • ͨͩ͠ɺ͢Ͱʹຬ੮ɻ  εϚʔτεϐʔΧʔͰ ༡΅͏ձ!ࡳຈ ͦͷ

Slide 22

Slide 22 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ • ΏΔWebͷલʹମݧձ࣮ࢪ༧ఆ • ։࠵೔: 2020೥02݄15೔ (౔) ͷ৔߹ͷΈ • ࠓճͷൃදΛݟͯڵຯΛ࣋ͬͨํɺ  ͥͻ͓ؾܰʹ༡ͼʹ͖͍ͯͩ͘͞ɻ • य़ʹ͸ɺʮϒϥ΢β͚ͩͰ࡞ΕΔεΩϧ࡞੒ೖ໳ʯ  ΋ܭըதɻ εϚʔτεϐʔΧʔͰ ༡΅͏ձ!ࡳຈ ͦͷ

Slide 23

Slide 23 text

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ 5SVFFOE