Tweet
Tweet

Slide 1

Slide 1 text

2013೥ΛৼΓฦͬͯ 2013-12-06 2013ϓϩάϥϚʔζΧϑΣ๨೥ձ גࣜձࣾΫϨΠ danny

Slide 2

Slide 2 text

ࣗݾ঺հ • http://f96q.github.io/ •ΨΠΞ͕Զʹ΋ͬͱίʔυ ॻ͚ͱᅤ͍͍ͯΔ

Slide 3

Slide 3 text

ࠓ೥΍ͬͨ͜ͱ • ౦ژRubyձٞ10Ͱൃද • ౦ژRubyձٞ10ࣄޙ࠙਌ձͰൃදɹ • Gitษڧձ@KRAYͰൃද • cloudinary_gemʹઃఆϑΝΠϧΛerbΛ ࢖͑ΔΑ͏ʹ͢Δpull requestΛͯ͠औΓ ࠐ·ΕΔ • ։ൃ߹॓

Slide 4

Slide 4 text

ੈքΛม͑Δ߹॓ http://sekaiokaeru.tumblr.com/

Slide 5

Slide 5 text

ੈքΛม͑Δ߹॓ • ஫. फڭஂମ͡Όͳ͍Ͱ͢ • ஥ؒ಺Ͱ։ൃ߹॓΍Ζ͏ͥΈ͍ͨͳͷ Γʹͳͬͯ࢝Ίͨ • ੈքΛม͑Δ΋ͷΛ࡞Δ߹॓

Slide 6

Slide 6 text

ੈքΛม͑Δ߹॓ Ͱݕࡧ

Slide 7

Slide 7 text

•;Γ͔͑ΓΛwebͰ ੈքΛม͑Δ߹॓Ͱ։ൃ

Slide 8

Slide 8 text

KPTBoard http://kptboard.herokuapp.com

Slide 9

Slide 9 text

ղܾ͔ͨͬͨ͜͠ͱ • ෇ᝦͩͱ૿͑ͨ࣌ʹॏͳͬͯ͠·͏ • ෇ᝦͩͱ೪ணྗ͕མͪͯണ͕ΕΔ • ϦϞʔτͷਓͱ;Γ͔͑ΓΛ͢Δ࣌ʹ खಈͰ൓ө͠ͳ͍ͱ͍͚ͳ͍ • ͍ͭͷ͔෼͔Βͳ͘ͳΔ • ଞͷ;Γ͔͑ΓΛࢀߟʹݟ͍ͨ

Slide 10

Slide 10 text

KPTBoardΞʔΩςΫνϟ όοΫΤϯυ ϑϩϯτΤϯυ αʔόʔ WebSocket

Slide 11

Slide 11 text

AngularJS • http://angularjs.org/ • ࠷ۙྲྀߦ͖ͬͯͨɺJavaScriptϑϨʔϜϫʔΫ • jQueryͱൺ΂ͯdomͷૢ࡞Λ͠ͳͯ͘ࡁΉ • jQueryͱൺ΂ͯJavaScriptͷίʔυΛॻ͔ͳ͘ ͯࡁΉ

Slide 12

Slide 12 text

ྫ • ϘλϯΛΫϦοΫͨ࣌͠ʹ0͔Β1ʹද ࣔΛม͑ΔϓϩάϥϜ

Slide 13

Slide 13 text

jQuery button
jQuery(function() { jQuery('#result').text(0) jQuery('#button').click(function() { jQuery('#result').text(1); }); });

Slide 14

Slide 14 text

AngularJS button
{{test}}

Slide 15

Slide 15 text

AngularJS࢖͏ͱ • ୹͘ॻ͚Δɺ৔߹ʹΑͬͯ͸JavaScript ॻ͔ͳͯ͘΋ॻ͚Δ

Slide 16

Slide 16 text

websocket-rails • https://github.com/websocket-rails/ websocket-rails • rubyͷgem • ผ్websocketαʔόʔͨͯͳͯ͘ࡁΉ • em-websocketͩͱrakeλεΫͳͲͰ railsͱ͸ผʹىಈ

Slide 17

Slide 17 text

࠷ޙʹ • ੈքΛม͑Δ߹॓ɺ࣍ճ͸དྷ೥ͷ2݄͔ 3݄ʹ΍ΔͷͰڵຯ͋Δํ͸ࢀՃͯ͘͠ ͍ͩ͞ɻ • དྷ೥͸ധ·Γ͡Όͳ͍Πϕϯτ΋։࠵ ͠·͢ɻ