2013年を振り返って

Transcript

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

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

3. ࠓ೥΍ͬͨ͜ͱ • ౦ژRubyձٞ10Ͱൃද • ౦ژRubyձٞ10ࣄޙ࠙਌ձͰൃදɹ • Gitษڧձ@KRAYͰൃද • cloudinary_gemʹઃఆϑΝΠϧΛerbΛ ࢖͑ΔΑ͏ʹ͢Δpull

   requestΛͯ͠औΓ ࠐ·ΕΔ • ։ൃ߹॓

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

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

6. ੈքΛม͑Δ߹॓ Ͱݕࡧ

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

8. KPTBoard http://kptboard.herokuapp.com

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

   • ଞͷ;Γ͔͑ΓΛࢀߟʹݟ͍ͨ

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

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

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

13. jQuery <button id="button">button</button> <div id="result"></div> jQuery(function() { jQuery('#result').text(0) jQuery('#button').click(function() {

    jQuery('#result').text(1); }); });

14. AngularJS <button data-ng-click="test = 1" data-ng-init="test = 0">button</ button> <div>{{test}}</div>

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

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

    railsͱ͸ผʹىಈ

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