realtime_rails

Transcript

1. Realtime Rails mgi
2. ࠷ۙͷ Web ք۾
3. React.js
4. scala
5. Elixir
6. golang
7. ΈΜͳ Rails ͸Ͳ͏ͨ͠ ஫: චऀ͸ rails ͔͠ೝΊͳ͍ ͱݴ͍ͬͯΔͷͰ͸͋Γ·ͤΜ
8. ײ૝(ٴͼউखͳਪଌ) • ݴޠʹΑΓಘҙෆಘҙ͋ΔʹͤΑɺόοΫΤ ϯυͷબ୒ࢶ͕૿͍͑ͯΔ • rails Ͱ͔͠ग़དྷͳ͍͜ͱ͕ݮ͖ͬͯͨ(ͱ͍͏ ͔ࠓ࣌ͦΜͳ΋ͷ͋Δʁ)
9. Ͱ΋׶͑ͯ rails Λ औΓ্͛ͯΈͨ
10. ཧ༝ • ҰԠ࢓ࣄʹ௚݁͢Δ • rails Λ଍͕͔ΓʹɺଞʹͰ͖Δ͜ͱΛ୳͢ͱɺ एׯֶशίετ͕཈͑ΒΕΔ • ظ଴஋ͷ໰୊ • खΛग़͠·͘Δͱ͍࣌ؒ͘Β͋ͬͯ΋଍Γͳ ͍
11. ͱ͍͏Θ͚Ͱ…
12. ຊ୊
13. Realtime Rails • WebSocket ͷ֓ཁ • ͲΜͳࣄ͕Ͱ͖Δͷ͔ • WebSocket + Rails ͷαϯϓϧίʔυ • actioncable (websocket-rails ΋গ͠) • ՝୊ʹͳΓͦ͏ͳ఺
14. WebSocket
15. WebSocket ͱ͸ • αʔόʔͱϒϥ΢βؒͰϦΞϧλΠϜͰ৘ใ Λ΍ΓͱΓ͢Δن֨ͷ͜ͱ • chat, online game, push ௨஌౳ • ࠷ۙͷϒϥ΢β͸طʹ࣮૷ࡁΈ • αʔόʔଆͷ༻ҙΛ͢Ε͹ɺ࣮ݱՄೳ
16. Ξ̋ʔό̋ά
17. Aͷϒϥ΢β Bͷϒϥ΢β ͬͪ͜Ͱ΋ Ұॹʹಈ͍ͯཉ͍͠ ͬͪ͜ͰΩϟϥΛ ಈ͔ͨ͠Β
18. WebSocket ͱ͸ • server ʹ request ͯ͠ response Λฦ͢ɺͱ͍͏ http ͷن֨Ͱ͸࣮ݱͰ͖ͳ͍ • αʔόʔͱϒϥ΢βؒͰৗʹ৘ใΛ΍ΓͱΓ͠ଓ ͚Δ • ϒϥ΢βͰೖྗͨ͠࠲ඪΛαʔόʔଆʹ • αʔόʔଆʹ౉ͬͨ࠲ඪΛϒϥ΢βʹ
19. WebSocket ք۾ͷྺ࢙ • node.js ͕͍͢͝Β͍͠ (2013 ೥ࠒ) • node.js ʹΑΔ c10k ໰୊ͷղফ • socket.io • http://socket.io/demos/weplay/ • ϒϥ΢β͕ websocket ରԠ࢝͠ΊΔɻnginx ΋ • ←ࠓίίʂ
20. ͿͬͪΌ͚ gem ͕͋Δ • websocket-rails • https://github.com/websocket-rails/ websocket-rails • Standalone Server Mode • websocket ༻ͷαʔόʔΛཱͯͯ͘Ε Δ
21. ͿͬͪΌ͚ rails ΋ରԠ͢Δ • rails5 ͷ ActionCable • rails + WebSocket Λ΍ͬͯ͘ΕΔ • https://github.com/rails/actioncable • websocket-rails ͱͷҧ͍͸αʔόʔ • websocket-rails: thin, actioncable: ͳΜͰ΋
22. Sample (ແه໊νϟοτΞϓϦ)
23. WebSocket ͷ࢓૊Έ
24. ͓͞Β͍ • websocket-rails Ͱطଘͷ rails ϓϩδΣΫτ ʹָʹಋೖՄೳ • rails5 ͔Β websocket ͸σϑΥϧτͰ࢖͑Δ
25. XFCTPDLFU
    TFSWFS 4. Push change to users 1. Create new message 2. Publish changes to Redis 3. Publish change to subscribers
26. var dispatcher = new WebSocketRails('localhost:3001/websocket'); var CommentForm = React.createClass({ onSubmit: function(e) { e.preventDefault(); dispatcher.trigger('new_message', { text: text }); this.props.createMessage({ text: text }); }, render: function() { return ( <form className="comment-form" onSubmit={this.onSubmit}> <textarea placeholder="write something..." ref="text"/> <input type="submit" value="submit" /> </form> ); } }); WebSocket ʹΠϕϯτΛ௨஌ WebSocket Ͱαʔόʔଆ ʹ௨஌͢Δ Rails ͷ api Λ ajax Ͱୟ͘
27. # config/events.rb WebsocketRails::EventMap.describe do subscribe :new_message, to: BroadcastController, with_method: :new_message end # app/controllers/broadcast_controller.rb class BroadcastController < WebsocketRails::BaseController def new_message WebsocketRails[:chat_channel].trigger(:new_message, message) end end WebSocket ͷ controller Event ໊ͱ controller Λهड़ (routing) :chat_channel ͱ͍͏νϟωϧʹରͯ͠ broadcast ͢Δ
28. var dispatcher = new WebSocketRails('localhost:3001/websocket'); var channel = dispatcher.subscribe(‘chat_channel’); var Contents = React.createClass({ componentDidMount: function() { channel.bind('new_message', function(message){ var messages = this.state.messages; messages.unshift(message); this.setState({ messages: messages }) }.bind(this)); }, render: function() { return ( <div class=“content"> … </div> ); } ௨஌͕͖ͨΒɺDOM ʹ൓ө :chat_channel ͱ͍͏ νϟωϧΛ js ଆͰߪಡ νϟωϧʹ௨஌͕དྷͨΒ callback ͕ݺ͹Εͯ state Λߋ৽
29. ՝୊ʹͳΓͦ͏ͳͱ͜Ζ
30. ࿦఺ • rails (≒ ruby ) Ͱ͍͍ͷ͔ • εέʔϥϏϦςΟ
31. rails (≒ ruby)Ͱ͍͍ͷ͔ • ΍Γ͍ͨ͜ͱ(Ϗδωε)ʹΑΔ • ࠓͷձࣾ͸ WebSocket ͷधཁߴ͘ͳ͍ • ձࣾͷϦιʔεʹΑΔ • rails ΤϯδχΞଟ͍
32. rails (websocket-rails actioncable) ͷϙΠϯτ • EventMachine Λ৴༻͢Δ͔Ͳ͏͔ • Thin ͸ EventMachine Ͱ࣮૷͞ΕͯΔ • puma ΋ EventMachine ʹͪΐͬͱґଘͯ͠Δ • ࠇ͍ᷚ͹͔Γࣖʹͯ͠طʹک͑ͯΔ • actioncable ͳΒαʔόʔͷىಈΛࣗ༝ʹఆٛͰ͖Δ෼ɺ ॊೈੑ͕ߴ͍ҹ৅Λड͚ͨ
33. node.js ͷϙΠϯτ • ϒϥ΢β͕ websocket ʹରԠ͍ͯ͠Δ͔ͷ൑ ఆ(socket.io ͩͱ΍ͬͯ͘ΕΔΒ͍͠) • Ϛϧνϓϩηε΋ cluster ࢖͑͹Մೳ
34. εέʔϥϏϦςΟ • EventMachine ͰͲ͜·Ͱεέʔϧ͢Δ͔ • 1000 ίωΫγϣϯ͔Βਏ͘ͳΔͱ͍͏ᷚ • puma ͸Θ͔ΒΜ • rails ͔Β੾Γସ͑Δͱεέʔϧ͠·ͨ͠ɺͱ͍͏࿩͸Α͘ฉ͘ • http://www.infoq.com/jp/news/2012/10/Ruby-on-Rails-Node-js-LinkedIn • http://www.infoq.com/jp/news/2014/01/paypal-java-javascript • http://www.infoq.com/jp/news/2015/07/parse-moved-ruby-go
35. WebSocket server ΋૿͑ͯΔ • node.js(javascript) • websocket(go) • https://godoc.org/golang.org/x/net/websocket • phonix(Elixir) • http://www.phoenixframework.org/v0.17.0/ docs/channels
36. ࢑ఆ݁࿦ • ͋Δఔ౓ͷ઀ଓ਺Λࡹ͘ϦΞϧλΠϜ web ͕ඞཁͳ Βɺrails Ҏ֎Λݕ౼ͨ͠΄͏͕͍͍͔΋ • WebSocket server ͸૿͖͍͑ͯͯΔͷͰɺબ୒ࢶ͸๛ ෋ɻͲ͏΍Δ͔͸ॊೈʹબ୒͢Δ • rails Ҏ֎ͩͱ phoenix ͸஫໨ג • actioncable ͳΒ͖ͬͱεέʔϧͯ͘͠ΕΔ…!
37. ૯ׅ
38. ࠓճͷൃදͷ·ͱΊ • WebSocket ʹ͍ͭͯઆ໌͠·ͨ͠ • Rails + WebSocket ͷαϯϓϧΛ࡞ͬͯղઆ͠ ·ͨ͠ • rails Λ࢖͏͜ͱͷ՝୊఺Λߟ͑·ͨ͠
39. ͓ΘΓ