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
750
2013年を振り返って
danny
December 08, 2013
Tweet
Share
More Decks by danny
See All by danny
Datapiaのフロントエンドについて
f96q
0
440
新規サービスの技術選定と設計
f96q
1
18k
Vue.jsとRailsで作るWebアプリケーション
f96q
0
810
開発環境でDocker使ってみた
f96q
1
2.4k
Git勉強会@KRAY
f96q
1
2k
等強Ruby会議10に参加しての感想
f96q
2
940
Inside Tripclip
f96q
2
1.5k
Other Decks in Programming
See All in Programming
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
120
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
2
150
LINEヤフー データグループ紹介
lycorp_recruit_jp
1
2.4k
来たるべき 8.0 に備えて React 19 新機能と React Router 固有機能の取捨選択とすり合わせを考える
oukayuka
2
920
地方に住むエンジニアの残酷な現実とキャリア論
ichimichi
5
1.5k
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
1
9.1k
git worktree × Claude Code × MCP ~生成AI時代の並列開発フロー~
hisuzuya
1
550
Google Agent Development Kit でLINE Botを作ってみた
ymd65536
2
230
新メンバーも今日から大活躍!SREが支えるスケールし続ける組織のオンボーディング
honmarkhunt
4
6.5k
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
y_ken
0
350
Hack Claude Code with Claude Code
choplin
3
890
GraphRAGの仕組みまるわかり
tosuri13
8
530
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
Making Projects Easy
brettharned
116
6.3k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.7k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Bash Introduction
62gerente
614
210k
Designing for Performance
lara
610
69k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
960
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Docker and Python
trallard
44
3.5k
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݄ʹΔͷͰڵຯ͋ΔํࢀՃͯ͘͠ ͍ͩ͞ɻ • དྷധ·Γ͡Όͳ͍Πϕϯτ։࠵ ͠·͢ɻ