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

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

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

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

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

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

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

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

/ Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow ίϯςϯπ഑৴  (HTML/CSS/JS)

/ Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow WebSocketͰ  ઀ଓ

/ Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow ࣍ͷ໰୊

/ Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow ࣍ͷ໰୊ HTTPSͰ  ࣍ͷ໰୊ૹ৴ґཔ

/ Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow WebSocketͰ  ໰୊৘ใૹ৴ socket.send(…) ws.on(‘message’,…) ws.on(‘message’,…)

/ Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow WebSocketͰ  ճ౴ฦ٫ ws.send() socket.on(‘message’,…)

/ Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow WebSocketͰ  ΈΜͳͷճ౴ฦ٫ socket.on(‘message’,…) ws.send()

/ Heroku ϑϩϯτΤϯυαʔό Vue.js / Netlify ؅ཧऀϖʔδ ࢀՃऀϖʔδ Alexa / Voiceﬂow WebSocketͰ  ूܭ݁Ռૹ৴ socket.send(…) ws.on(‘message’,…)

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

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

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

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

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

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

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

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

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

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

Kihara, Takuya

More Decks by Kihara, Takuya

Other Decks in Technology

Featured

Transcript

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

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ • ໊લ ໦ݪ ୎໵ / @tacck

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

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

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

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

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws)

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws)

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws)

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws)

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws)

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws)

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws)

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws)

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ ࢓૊Έ όοΫΤϯυαʔό WebSocketαʔό  Node.js (express, ws)

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

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

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

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ • TEFಓ͞Μͱͷ߹ಉษڧձ • ։࠵೔: 2020೥01݄22೔ (ਫ)

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ • ࣍ճ͸ɺΠϯϑϥܥςʔϚͰ΍Δ༧ఆɻ • σϓϩΠ΍ߏ੒؅ཧɺ  ΦϯϓϨ͔ΒΫϥ΢υ·Ͱɺ  ΠϯϑϥɾωοτϫʔΫͬΆ͔ͬͨΒOKɻ

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ • εϚʔτεϐʔΧʔϛʔςΟϯά͞Μͱͷ߹ಉษڧձ • ։࠵೔: 2020೥01݄30೔ (౔)

!UBDDL ๺ւಓʣֶੜͱࣾձਓͷ  ϥΠτχϯάτʔΫେձ ๺ւಓ-5େձ • ΏΔWebͷલʹମݧձ࣮ࢪ༧ఆ • ։࠵೔: 2020೥02݄15೔ (౔)

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