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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
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
490
新規サービスの技術選定と設計
f96q
1
18k
Vue.jsとRailsで作るWebアプリケーション
f96q
0
820
開発環境でDocker使ってみた
f96q
1
2.4k
Git勉強会@KRAY
f96q
1
2.1k
等強Ruby会議10に参加しての感想
f96q
2
950
Inside Tripclip
f96q
2
1.6k
Other Decks in Programming
See All in Programming
dchart: charts from deck markup
ajstarks
3
980
Vibe Coding - AI 驅動的軟體開發
mickyp100
0
160
カスタマーサクセス業務を変革したヘルススコアの実現と学び
_hummer0724
0
470
ELYZA_Findy AI Engineering Summit登壇資料_AIコーディング時代に「ちゃんと」やること_toB LLMプロダクト開発舞台裏_20251216
elyza
2
1.4k
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
kamina_zzz
0
390
Implementation Patterns
denyspoltorak
0
270
15年続くIoTサービスのSREエンジニアが挑む分散トレーシング導入
melonps
0
110
ThorVG Viewer In VS Code
nors
0
760
AI時代の認知負荷との向き合い方
optfit
0
130
今こそ知るべき耐量子計算機暗号(PQC)入門 / PQC: What You Need to Know Now
mackey0225
3
360
AIエージェント、”どう作るか”で差は出るか? / AI Agents: Does the "How" Make a Difference?
rkaga
4
2k
AIエージェントの設計で注意するべきポイント6選
har1101
7
3.3k
Featured
See All Featured
Making Projects Easy
brettharned
120
6.6k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
110
Large-scale JavaScript Application Architecture
addyosmani
515
110k
YesSQL, Process and Tooling at Scale
rocio
174
15k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.1k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
0
100
Mind Mapping
helmedeiros
PRO
0
68
Visual Storytelling: How to be a Superhuman Communicator
reverentgeek
2
420
Crafting Experiences
bethany
1
44
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
270
Producing Creativity
orderedlist
PRO
348
40k
Reality Check: Gamification 10 Years Later
codingconduct
0
2k
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݄ʹΔͷͰڵຯ͋ΔํࢀՃͯ͘͠ ͍ͩ͞ɻ • དྷധ·Γ͡Όͳ͍Πϕϯτ։࠵ ͠·͢ɻ