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
460
新規サービスの技術選定と設計
f96q
1
18k
Vue.jsとRailsで作るWebアプリケーション
f96q
0
810
開発環境で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
GUI操作LLMの最新動向: UI-TARSと関連論文紹介
kfujikawa
0
980
Go製CLIツールをnpmで配布するには
syumai
2
1.2k
LLMOpsのパフォーマンスを支える技術と現場で実践した改善
po3rin
8
960
UbieのAIパートナーを支えるコンテキストエンジニアリング実践
syucream
2
590
レガシープロジェクトで最大限AIの恩恵を受けられるようClaude Codeを利用する
tk1351
2
320
生成AI、実際どう? - ニーリーの場合
nealle
0
140
Vibe coding コードレビュー
kinopeee
0
450
The state patternの実践 個人開発で培ったpractice集
miyanokomiya
0
130
エンジニアのための”最低限いい感じ”デザイン入門
shunshobon
0
120
AIレビュアーをスケールさせるには / Scaling AI Reviewers
technuma
2
200
フロントエンドのmonorepo化と責務分離のリアーキテクト
kajitack
2
120
Comparing decimals in Swift Testing
417_72ki
0
170
Featured
See All Featured
A designer walks into a library…
pauljervisheath
207
24k
The Invisible Side of Design
smashingmag
301
51k
Six Lessons from altMBA
skipperchong
28
4k
A Modern Web Designer's Workflow
chriscoyier
695
190k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Side Projects
sachag
455
43k
Building Applications with DynamoDB
mza
96
6.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Docker and Python
trallard
45
3.5k
Writing Fast Ruby
sferik
628
62k
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݄ʹΔͷͰڵຯ͋ΔํࢀՃͯ͘͠ ͍ͩ͞ɻ • དྷധ·Γ͡Όͳ͍Πϕϯτ։࠵ ͠·͢ɻ