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
760
2013年を振り返って
danny
December 08, 2013
Tweet
Share
More Decks by danny
See All by danny
Datapiaのフロントエンドについて
f96q
0
470
新規サービスの技術選定と設計
f96q
1
18k
Vue.jsとRailsで作るWebアプリケーション
f96q
0
820
開発環境でDocker使ってみた
f96q
1
2.4k
Git勉強会@KRAY
f96q
1
2k
等強Ruby会議10に参加しての感想
f96q
2
950
Inside Tripclip
f96q
2
1.6k
Other Decks in Programming
See All in Programming
登壇は dynamic! な営みである / speech is dynamic
da1chi
0
280
複雑化したリポジトリをなんとかした話 pipenvからuvによるモノレポ構成への移行
satoshi256kbyte
1
1k
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
naofumi
4
3.9k
チームの境界をブチ抜いていけ
tokai235
0
160
なぜGoのジェネリクスはこの形なのか? Featherweight Goが明かす設計の核心
ryotaros
7
1.1k
アメ車でサンノゼを走ってきたよ!
s_shimotori
0
220
ポスターセッション: 「まっすぐ行って、右!」って言ってラズパイカーを動かしたい 〜生成AI × Raspberry Pi Pico × Gradioの試作メモ〜
komofr
0
1.2k
私達はmodernize packageに夢を見るか feat. go/analysis, go/ast / Go Conference 2025
kaorumuta
2
520
技術的負債の正体を知って向き合う / Facing Technical Debt
irof
0
150
コードとあなたと私の距離 / The Distance Between Code, You, and I
hiro_y
0
110
クラシルを支える技術と組織
rakutek
0
200
CSC509 Lecture 05
javiergs
PRO
0
300
Featured
See All Featured
The Illustrated Children's Guide to Kubernetes
chrisshort
48
51k
Mobile First: as difficult as doing things right
swwweet
224
10k
Optimizing for Happiness
mojombo
379
70k
How to Think Like a Performance Engineer
csswizardry
27
2k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Six Lessons from altMBA
skipperchong
28
4k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
860
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
A Tale of Four Properties
chriscoyier
160
23k
A designer walks into a library…
pauljervisheath
209
24k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Code Reviewing Like a Champion
maltzj
525
40k
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݄ʹΔͷͰڵຯ͋ΔํࢀՃͯ͘͠ ͍ͩ͞ɻ • དྷധ·Γ͡Όͳ͍Πϕϯτ։࠵ ͠·͢ɻ