Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
2013年を振り返って
Search
danny
December 08, 2013
Programming
0
660
2013年を振り返って
danny
December 08, 2013
Tweet
Share
More Decks by danny
See All by danny
Datapiaのフロントエンドについて
f96q
0
360
新規サービスの技術選定と設計
f96q
1
15k
Vue.jsとRailsで作るWebアプリケーション
f96q
0
690
開発環境でDocker使ってみた
f96q
1
2.3k
Git勉強会@KRAY
f96q
1
1.8k
等強Ruby会議10に参加しての感想
f96q
2
850
Inside Tripclip
f96q
2
1.4k
Other Decks in Programming
See All in Programming
オブジェクト指向は必要なのか / Is object-oriented needed?
kishida
27
19k
クソコード動画『カプセル化 Mk-II』 で考える 上手くカプセル化できない理由 / encapsulation2
minodriven
11
8k
9年開発を牽引して見えてきた、共通化すべきものと個別でつくるもの ~プログラム言語~
shinout
1
220
object-oriented-conference-2024
fuwasegu
6
1.9k
WebComponentsで フレームワークを1ページに共存させる
webuilder240
0
150
複雑なドメインを扱うプロダクトの探索フェーズではいつどのようにテストをするのか / How to testing during exploratory phase
boykush
2
150
Understanding Ast By Looking
inouehi
0
120
Building a Smaller App Binary
kateinoigakukun
2
210
C# 大統一理論推進委員会 会員のための Unity Package Manager プロジェクト構成案
monry
PRO
0
580
Parallel Socket Communication in Swift
s_shimotori
0
260
自動テスト実行結果の目的を整理する / Organizing objectives of automated test results
twada
PRO
10
2.1k
ドメイン・ファーストで考える問題解決に役立つモデル設計 / Domain First Model Design
suzushin54
1
1.4k
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
WebSockets: Embracing the real-time Web
robhawkes
59
6.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
11
1.4k
Statistics for Hackers
jakevdp
789
220k
The Mythical Team-Month
searls
214
42k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
24
2.2k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Designing Experiences People Love
moore
135
23k
Imperfection Machines: The Place of Print at Facebook
scottboms
257
12k
Unsuck your backbone
ammeep
661
56k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
185
15k
Transcript
2013ΛৼΓฦͬͯ 2013-12-06 2013ϓϩάϥϚʔζΧϑΣձ גࣜձࣾΫϨΠ danny
ࣗݾհ • http://f96q.github.io/ •ΨΠΞ͕Զʹͬͱίʔυ ॻ͚ͱᅤ͍͍ͯΔ
ࠓͬͨ͜ͱ • ౦ژRubyձٞ10Ͱൃද • ౦ژRubyձٞ10ࣄޙ࠙ձͰൃදɹ • Gitษڧձ@KRAYͰൃද • cloudinary_gemʹઃఆϑΝΠϧΛerbΛ ͑ΔΑ͏ʹ͢Δpull
requestΛͯ͠औΓ ࠐ·ΕΔ • ։ൃ߹॓
ੈքΛม͑Δ߹॓ http://sekaiokaeru.tumblr.com/
ੈքΛม͑Δ߹॓ • . फڭஂମ͡Όͳ͍Ͱ͢ • ؒͰ։ൃ߹॓Ζ͏ͥΈ͍ͨͳͷ Γʹͳͬͯ࢝Ίͨ • ੈքΛม͑ΔͷΛ࡞Δ߹॓
ੈքΛม͑Δ߹॓ Ͱݕࡧ
•;Γ͔͑ΓΛwebͰ ੈքΛม͑Δ߹॓Ͱ։ൃ
KPTBoard http://kptboard.herokuapp.com
ղܾ͔ͨͬͨ͜͠ͱ • ᝦͩͱ૿͑ͨ࣌ʹॏͳͬͯ͠·͏ • ᝦͩͱ೪ணྗ͕མͪͯണ͕ΕΔ • ϦϞʔτͷਓͱ;Γ͔͑ΓΛ͢Δ࣌ʹ खಈͰө͠ͳ͍ͱ͍͚ͳ͍ • ͍ͭͷ͔͔Βͳ͘ͳΔ
• ଞͷ;Γ͔͑ΓΛࢀߟʹݟ͍ͨ
KPTBoardΞʔΩςΫνϟ όοΫΤϯυ ϑϩϯτΤϯυ αʔόʔ WebSocket
AngularJS • http://angularjs.org/ • ࠷ۙྲྀߦ͖ͬͯͨɺJavaScriptϑϨʔϜϫʔΫ • jQueryͱൺͯdomͷૢ࡞Λ͠ͳͯ͘ࡁΉ • jQueryͱൺͯJavaScriptͷίʔυΛॻ͔ͳ͘ ͯࡁΉ
ྫ • ϘλϯΛΫϦοΫͨ࣌͠ʹ0͔Β1ʹද ࣔΛม͑ΔϓϩάϥϜ
jQuery <button id="button">button</button> <div id="result"></div> jQuery(function() { jQuery('#result').text(0) jQuery('#button').click(function() {
jQuery('#result').text(1); }); });
AngularJS <button data-ng-click="test = 1" data-ng-init="test = 0">button</ button> <div>{{test}}</div>
AngularJS͏ͱ • ͘ॻ͚Δɺ߹ʹΑͬͯJavaScript ॻ͔ͳͯ͘ॻ͚Δ
websocket-rails • https://github.com/websocket-rails/ websocket-rails • rubyͷgem • ผ్websocketαʔόʔͨͯͳͯ͘ࡁΉ • em-websocketͩͱrakeλεΫͳͲͰ
railsͱผʹىಈ
࠷ޙʹ • ੈքΛม͑Δ߹॓ɺ࣍ճདྷͷ2݄͔ 3݄ʹΔͷͰڵຯ͋ΔํࢀՃͯ͘͠ ͍ͩ͞ɻ • དྷധ·Γ͡Όͳ͍Πϕϯτ։࠵ ͠·͢ɻ