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
An introduction of the Backbone.js
Search
shigeru. nakajima
May 13, 2016
Technology
0
150
An introduction of the Backbone.js
Introduction of the Backbone.js for a private meeting in my company.
shigeru. nakajima
May 13, 2016
Tweet
Share
More Decks by shigeru. nakajima
See All by shigeru. nakajima
Introduce dRuby
ledsun
0
460
Watching Ruby in browsers
ledsun
0
160
Using Ruby in the browser is wonderful
ledsun
1
3.8k
Rubyで書いたテトリスをブラウザで動かしてみた
ledsun
0
2.5k
ruby.wasm に関する進捗報告
ledsun
0
1.2k
Hacking Guide of the ruby.wasm
ledsun
0
1.7k
私の作ったruby.wasm アプリケーション
ledsun
0
740
Load gem from browser
ledsun
2
1.9k
パラメタライズドテスト
ledsun
0
650
Other Decks in Technology
See All in Technology
PO初心者が考えた ”POらしさ”
nb_rady
0
210
開発生産性を組織全体の「生産性」へ! 部門間連携の壁を越える実践的ステップ
sudo5in5k
3
7.3k
Lazy application authentication with Tailscale
bluehatbrit
0
220
Enhancing SaaS Product Reliability and Release Velocity through Optimized Testing Approach
ropqa
1
240
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
3
450
自律的なスケーリング手法FASTにおけるVPoEとしてのアカウンタビリティ / dev-productivity-con-2025
yoshikiiida
2
17k
敢えて生成AIを使わないマネジメント業務
kzkmaeda
2
450
成長し続けるアプリのためのテストと設計の関係、そして意思決定の記録。
sansantech
PRO
0
120
OpenTelemetryセマンティック規約の恩恵とMackerel APMにおける活用例 / SRE NEXT 2025
mackerelio
1
190
United™️ Airlines®️ Customer®️ USA Contact Numbers: Complete 2025 Support Guide
flyunitedguide
0
130
いつの間にか入れ替わってる!?新しいAWS Security Hubとは?
cmusudakeisuke
0
130
SRE不在の開発チームが障害対応と 向き合った100日間 / 100 days dealing with issues without SREs
shin1988
0
150
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
KATA
mclloyd
30
14k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Side Projects
sachag
455
42k
What's in a price? How to price your products and services
michaelherold
246
12k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Code Reviewing Like a Champion
maltzj
524
40k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Transcript
Backbone.js ͷհ 2016/05/13 גࣜձࣾϥάβΠΞ தౡ࣎
Backbone.js ͱ • ΫϥΠΞϯταΠυJavaScriptϑϨʔϜϫʔΫ • ϒϥβͰಈ͘ • Single Page ApplicationΛ࡞ΔͨΊʹ͏
ओͳ༻ྫ • Hulu • Airbnb • Foursquare • ͦͷଞ
Single Page Applicationͱ • ୯ҰϖʔδʹΑΔWebΞϓϦέʔγϣϯ • ྫɿGoogleϚοϓɺGmail • ϖʔδDOMͷૢ࡞ʹΑΓΓସ͑Λߦ͏ •
αʔόͱͷΓͱΓAjaxWebSocketʹΑΓ ߦ͏
σϞ έ◦ΩʔϥΠηϯεཧΞϓϦέʔγϣϯ • Rails::API • Backbone.js
ಛ 1 ރΕ͍ͯΔ • 2010ੜ·Ε • ࡞ऀ • Jeremy Ashkenas
• CoffeeScriptͱUnderscore.jsͷ࡞ऀ • ͜ͷઌɺେ͖ͳมߋ͕ͳ͍ • ϓϥάΠϯ͕ॆ࣮
ಛ 2 ׂ୲͕໌֬ • ViewͱModelʹ͚Δ • View • Πϕϯτϋϯυϥʔͷએݴ •
DOMͷੜ • Model • σʔλͷอ࣋ • RESTfulAPIͱͷ௨৴
ಛ 3 RESTful APIΛ͍͍͢ • RESTful APIੑ • ModelʹAPIͷurlΛઃఆ •
ModelͷfetchϝιουͰऔಘ • saveϝιουͰอଘ • CREATEͱUPDATEΛࣗಈผ
دΓಓ 1 CRUD • CRUD • σʔλૢ࡞ͷछྨʢྫ͑σʔλϕʔεʣ • Create •
INSERT • Read • SELECT • Update • Delete
دΓಓ 2 REST • REST (Representational State Transfer) • HTTPϝιουͱURLͰCRUDΛදݱ
• Create : POST /users • Read : GET /users ɾ GET /users/:id • Update : PUT /users/:id • Delete : Delete /users/:id
دΓಓ 3 RESTͱσʔλϕʔεૢ࡞ • URLͱσʔλϕʔεૢ࡞͕ରԠ • Create : POST /users
: INSERT • Read : GET /users : SELECT • Update : PUT /users/:id : UPDATE • Delete : Delete /users/:id : DELETE
دΓಓ 4 RESTful API • REST ͳ URL ͷ API
• Ϩεϙϯε͕JSONܗࣜ • JavaScriptϓϩάϥϛϯάͰѻ͍͍͢ • Htmlѻ͍ʹ͍͘
γʔέϯεʹԊͬͯιʔείʔυղઆ
͍͍ͯΔҊ݅ • RESTful API͕͋Δ • ը໘ͷσβΠϯ͕֬ఆࡁΈ • jQueryΛ͏ • Internet
ExplorerରԠ
͍͍ͯͳ͍Ҋ݅ • JavaScriptͰσʔλΛѻ͏ίʔυ͕গͳ͍ • ྫʣtextae8739ߦத978ߦʢ11%ʣ
ࢀߟࢿྉ • backbonejs.org • ࠷৽API͕Θ͔Δ • Backbone.jsೖ (શ22ճ) - ϓϩάϥϛϯ
άͳΒυοτΠϯετʔϧ • ϓϩάϥϛϯάͷखॱ͕Θ͔Δ • ೖBackbone.js • શମ૾͕͔ͭΊΔ