リアルタイム回答集計システムを作って、実際にイベントで使った話

Transcript

1. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͯ ࣮ࡍͷΠϕϯτͰ࢖ͬͨ࿩ גࣜձࣾnanapi ख௩ ྄ @inureo
2. ࣗݾ঺հ ख௩ ྄ @inureo גࣜձࣾnanapi ΤϯδχΞ - άϥϑΟοΫσβΠϯͷઐ໳ֶߍΛଔۀ - Web੍࡞ձࣾ 5೥ - 2013೥10݄ nanapiʹΤϯδχΞͱͯ͠ೖࣾ དྷྺ ※ ݩʑσβΠφʔͳͷͰϑϩϯτपΓ͕ಘҙ ϝΠϯͷۀ຿Ͱ͸RailsʴCoffeeScript+Markup
3. 1. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ 2. ࠾༻ٕज़ɾ࣮ࡍʹ࢖ͬͨߏ੒ 3. ੍࡞্ؾΛ͚ͭͨ͜ͱɾϋϚͬͨ͜ͱ 4. ࣮ࡍʹࣾ಺ΠϕϯτͰ࢖ͬͯΈͨॴײ ࠓ೔ͷΞδΣϯμ
4. 1. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ 2. ࠾༻ٕज़ɾ࣮ࡍʹ࢖ͬͨߏ੒ 3. ੍࡞্ؾΛ͚ͭͨ͜ͱɾϋϚͬͨ͜ͱ 4. ࣮ࡍʹࣾ಺ΠϕϯτͰ࢖ͬͯΈͨॴײ ࠓ೔ͷΞδΣϯμ
5. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ 76ਓ16νʔϜͷΠϕϯτΛ ԁ׈ʹਐߦ͢ΔͨΊ Կނ࡞͔ͬͨ
6. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ 16νʔϜͬͯଟ͍
7. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ - 1νʔϜʹରͯ͠ճ౴֬ೝʹ5ඵ͔͚ͨ৔߹ɺ 16νʔϜͩͱ80ඵ΋͔͔Δ 16νʔϜͬͯଟ͍
8. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ - 1νʔϜʹରͯ͠ճ౴֬ೝʹ5ඵ͔͚ͨ৔߹ɺ 16νʔϜͩͱ80ඵ΋͔͔Δ - ճ౴֬ೝޙɺಘ఺ूܭ΋ߦΘͳ͚Ε͹ͳΒͳ͍ ͷͰߋʹ͕࣌ؒඞཁ 16νʔϜͬͯଟ͍
9. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ - 1νʔϜʹରͯ͠ճ౴֬ೝʹ5ඵ͔͚ͨ৔߹ɺ 16νʔϜͩͱ80ඵ΋͔͔Δ - ճ౴֬ೝޙɺಘ఺ूܭ΋ߦΘͳ͚Ε͹ͳΒͳ͍ ͷͰߋʹ͕࣌ؒඞཁ - ͦͷؒɺίϯςϯπ͕ࢭ·ͬͯ͠·͏ʂɹɹɹ ςϯϙѱ͍ʂ 16νʔϜͬͯଟ͍
10. ͜ΜͳͷઈରճΒͳ͍ʂ ਓҝతϛε΋ා͍Αʂ ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ
11. δϯΠɾςΩϛε [Gini Tekimis] ʢ1566ʙ1593ɹϑϥϯεʣ ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ
12. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ ͡Ό͋γεςϜԽ͠Α͏
13. - ճ౴ͷूܭ - ਖ਼൱ͷൃද - શճ౴ͷҰཡදࣔ - ΫϥΠΞϯτͷճ౴λΠϛϯά੍ޚ - ಘ఺ͷूܭ ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ ࠓճγεςϜԽͨ͠ͱ͜Ζ
14. - ໰୊ఏࣔը໘ - ճ౴ఏࣔը໘ ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ ࠓճγεςϜԽ͠ͳ͍ͱ͜Ζ
15. - ໰୊ఏࣔը໘ - ճ౴ఏࣔը໘ ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ ࠓճγεςϜԽ͠ͳ͍ͱ͜Ζ ͋͘·ͰूܭγεςϜʂ
16. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ γεςϜͷྲྀΕ ήʔϜϚελʔ ʢճ౴Ұཡը໘ɾ؅ཧը໘ʣ ΫϥΠΞϯτ
17. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ ΫϥΠΞϯτ ճ౴ͷૹ৴ ճ౴ࡁΈ͔Ͳ͏͔Λදࣔ γεςϜͷྲྀΕ ήʔϜϚελʔ ʢճ౴Ұཡը໘ɾ؅ཧը໘ʣ
18. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ ΫϥΠΞϯτ ؅ཧը໘͔Βਖ਼ղऀͷ֬ೝ ճ౴ͷૹ৴ γεςϜͷྲྀΕ ήʔϜϚελʔ ʢճ౴Ұཡը໘ɾ؅ཧը໘ʣ
19. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ ΫϥΠΞϯτ ਖ਼൱ͷૹ৴ ճ౴ͱਖ਼൱ΛҰཡදࣔ ճ౴݁Ռͷอଘ γεςϜͷྲྀΕ ήʔϜϚελʔ ʢճ౴Ұཡը໘ɾ؅ཧը໘ʣ
20. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ ΫϥΠΞϯτ ूܭը໘͔Β݁ՌΛ֬ೝ γεςϜͷྲྀΕ ήʔϜϚελʔ ʢճ౴Ұཡը໘ɾ؅ཧը໘ʣ
21. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ σϞ
22. 1. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ 2. ࠾༻ٕज़ɾΠϕϯτ࣌ͷػثߏ੒ 3. ੍࡞্ؾΛ͚ͭͨ͜ͱɾϋϚͬͨ͜ͱ 4. ࣮ࡍʹࣾ಺ΠϕϯτͰ࢖ͬͯΈͨॴײ ࠓ೔ͷΞδΣϯμ
23. ࠾༻ٕज़ɾΠϕϯτ࣌ͷػثߏ੒ - Node.js - Express - socket.io - CoffeeScript - Jade/SASS/jQuery ࠾༻ٕज़
24. ࠾༻ٕज़ɾΠϕϯτ࣌ͷػثߏ੒ Ұཡը໘ ݉ ؅ཧը໘ ϩʔΧϧαʔό ໰୊ɾਐߦεϥΠυ WebSocket௨৴ ΫϥΠΞϯτʢiPad16୆ʣ εΠονϟʔ 3୆ͷϧʔλͰΠϯτϥωοτߏங 100ΠϯνϞχλ ग़ྗ Πϕϯτ࣌ͷػثߏ੒
25. ࠾༻ٕज़ɾΠϕϯτ࣌ͷػثߏ੒ Ұཡը໘ ݉ ؅ཧը໘ ϩʔΧϧαʔό ໰୊ɾਐߦεϥΠυ WebSocket௨৴ ΫϥΠΞϯτʢiPad16୆ʣ εΠονϟʔ 3୆ͷϧʔλͰΠϯτϥωοτߏங 100ΠϯνϞχλ ग़ྗ Πϕϯτ࣌ͷػثߏ੒
26. ࠾༻ٕज़ɾΠϕϯτ࣌ͷػثߏ੒ Ұཡը໘ ݉ ؅ཧը໘ ϩʔΧϧαʔό ໰୊ɾਐߦεϥΠυ WebSocket௨৴ ΫϥΠΞϯτʢiPad16୆ʣ εΠονϟʔ 3୆ͷϧʔλͰΠϯτϥωοτߏங 100ΠϯνϞχλ ग़ྗ ਐߦͱूܭΛ෼ׂ Πϕϯτ࣌ͷػثߏ੒
27. ࠾༻ٕज़ɾΠϕϯτ࣌ͷػثߏ੒ Ұཡը໘ ݉ ؅ཧը໘ ϩʔΧϧαʔό ໰୊ɾਐߦεϥΠυ WebSocket௨৴ ΫϥΠΞϯτʢiPad16୆ʣ εΠονϟʔ 3୆ͷϧʔλͰΠϯτϥωοτߏங 100ΠϯνϞχλ ग़ྗ 2ͭͷը໘ͷ੾Γସ͑ Πϕϯτ࣌ͷػثߏ੒
28. ࠾༻ٕज़ɾΠϕϯτ࣌ͷػثߏ੒ Ұཡը໘ ݉ ؅ཧը໘ ϩʔΧϧαʔό ໰୊ɾਐߦεϥΠυ WebSocket௨৴ ΫϥΠΞϯτʢiPad16୆ʣ εΠονϟʔ 3୆ͷϧʔλͰΠϯτϥωοτߏங 100ΠϯνϞχλ ग़ྗ Πϕϯτ࣌ͷػثߏ੒
29. 1. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ 2. ࠾༻ٕज़ɾΠϕϯτ࣌ͷػثߏ੒ 3. ੍࡞্ؾΛ͚ͭͨ͜ͱɾϋϚͬͨ͜ͱ 4. ࣮ࡍʹࣾ಺ΠϕϯτͰ࢖ͬͯΈͨॴײ ࠓ೔ͷΞδΣϯμ
30. WifiରࡦʹΠϯτϥωοτΛߏஙͨ͠ - ձ৔಺ʹ͸Πϯλʔωοτ؀ڥ͕༻ҙ͞ Ε͍ͯͨ - ͔͠͠ɺສ͕ҰΠϯλʔωοτʹܨ͕Β ͳ͘ͳͬͯ͠·ͬͨ࣌Λ૝ఆͯࣗ͠લͷΞ ΫηεϙΠϯτΛ3ͭ༻ҙͯ͠ɺΠϯτϥ ωοτΛߏஙͨ͠ ੍࡞্ؾΛ͚ͭͨ͜ͱɾϋϚͬͨ͜ͱ
31. ΫϥΠΞϯτ͕ෳ਺Ͱ΋ಈ͘Α͏ʹͨ͠ - ສ͕ҰWebSocket௨৴Λอͬͨ··iPad ͕ಈ͔ͳ͘ͳͬͨ৔߹Λ૝ఆͯ͠ɺಉ͡νʔ Ϝʹෳ਺ΫϥΠΞϯτ͕઀ଓͯ͠΋໰୊ ͳ͍ܗʹͨ͠ ੍࡞্ؾΛ͚ͭͨ͜ͱɾϋϚͬͨ͜ͱ
32. ΞΫηεURLͱνʔϜ໊Λඥ෇͚ͨ - ୺຤͕ࢮΜͩ৔߹Λ૝ఆͯ͠ɺ୺຤ґଘ΋ Cookieґଘ΋Sessionґଘ΋ͤͨ͘͞ͳ ͔ͬͨ - iPadͷΞΫηεΨΠυΛઃఆ͠ɺɹɹɹ URLόʔɾߋ৽ϘλϯͳͲΛແޮʹͯ͠ɺ ଞͷ෦԰΁ͷΞΫηεΛ๷͍ͩ ੍࡞্ؾΛ͚ͭͨ͜ͱɾϋϚͬͨ͜ͱ
33. ༷ʑͳঢ়گΛ૝ఆͯ͠ػೳΛ࣮૷ͨ͠ - ֤νʔϜͷੜଘ֬ೝ - viewͷੜଘ֬ೝ - ΫϥΠΞϯτͷճ౴కΊ੾Γɾ࠶։ - ΫϥΠΞϯτͷճ౴Λ࠶ಉظ - etc ੍࡞্ؾΛ͚ͭͨ͜ͱɾϋϚͬͨ͜ͱ
34. express.ioͰϋϚͬͨ - express.ioͱ͍͏ͷ͸ɺexpress + socket.ioΛ͍͍ײ͡ʹউ खʹͭͳ͍Ͱ͘ΕΔ΋ͷ - express.ioͰrequire͍ͯ͠Δsocket.ioͷόʔδϣϯ͕ݹ - socket.io͸0.9 → 1.0Ͱهड़ʹେ͖͘มΘ͍ͬͯΔɺͦ͜ʹؾ ෇͔ͣ req.to(id) ͕Ͱ͖ͳ͍ʂͱ͔ϋϚͬͨ - ݁ہexpress + socket.ioΛࣗ෼Ͱͭͳ͛ͨʢ؆୯ʣ ੍࡞্ؾΛ͚ͭͨ͜ͱɾϋϚͬͨ͜ͱ
35. 1. ϦΞϧλΠϜճ౴ूܭγεςϜΛ࡞ͬͨ 2. ࠾༻ٕज़ɾΠϕϯτ࣌ͷػثߏ੒ 3. ੍࡞্ؾΛ͚ͭͨ͜ͱɾϋϚͬͨ͜ͱ 4. ࣮ࡍʹࣾ಺ΠϕϯτͰ࢖ͬͯΈͨॴײ ࠓ೔ͷΞδΣϯμ
36. ౰೔ͷ༷ࢠ ࣮ࡍʹࣾ಺ΠϕϯτͰ࢖ͬͯΈͨॴײ
37. ࣮ࡍʹࣾ಺ΠϕϯτͰ࢖ͬͯΈͨॴײ
38. ࣮ࡍʹࣾ಺ΠϕϯτͰ࢖ͬͯΈͨॴײ
39. ࣮ࡍʹࣾ಺ΠϕϯτͰ࢖ͬͯΈͨॴײ
40. ࣮ࡍʹࣾ಺ΠϕϯτͰ࢖ͬͯΈͨॴײ
41. ݁࿦ ࣮ࡍʹࣾ಺ΠϕϯτͰ࢖ͬͯΈͨॴײ
42. ʊਓਓਓਓਓʊ ʼɹେ੒ޭɹʻ ʉY^Y^Y^Yʉ ݁࿦ ࣮ࡍʹࣾ಺ΠϕϯτͰ࢖ͬͯΈͨॴײ
43. ͳΜͰେ੒ޭͳͷ͔ - Ұ੪ʹճ౴͕ग़ͯɺͲ͕͜ਖ਼ղ͔Θ͔Δͷ ͰΊͪΌͪ͘Ό੝Γ্͕Δ - ςϯϙྑ͘ਐߦͰ͖ɺ15෼ר͖Ͱఫऩ׬ྃ - ճ౴ɾಘ఺ूܭʹਓΛ͔ͣ͞ʹ͢ΉͷͰɺ ଞͷΠϨΪϡϥʔࣄ߲ʹରԠͰ͖ͨ - γεςϜʹΑΔΤϥʔͳ͠ ࣮ࡍʹࣾ಺ΠϕϯτͰ࢖ͬͯΈͨॴײ
44. - खॻ͖ೖྗͷ࣮૷ - σʔλͷӬଓԽʢMongoͱ͔ʣ - ूܭσʔλͷΞ΢τϓοτػೳ - ֎෦αʔόʹ͓͍ͨ࣌ͷରԠ - etc ࣮ࡍʹࣾ಺ΠϕϯτͰ࢖ͬͯΈͨॴײ ࠓޙ࣮૷͍ͨ͠΋ͷ
45. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠