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
140
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
380
Watching Ruby in browsers
ledsun
0
100
Using Ruby in the browser is wonderful
ledsun
1
3.1k
Rubyで書いたテトリスをブラウザで動かしてみた
ledsun
0
2.4k
ruby.wasm に関する進捗報告
ledsun
0
1.1k
Hacking Guide of the ruby.wasm
ledsun
0
1.5k
私の作ったruby.wasm アプリケーション
ledsun
0
650
Load gem from browser
ledsun
2
1.7k
パラメタライズドテスト
ledsun
0
570
Other Decks in Technology
See All in Technology
20250130_『SUUMO』の裏側!第2弾 ~機械学習エンジニアリング編
recruitengineers
PRO
0
440
NOSTR, réseau social et espace de liberté décentralisé
rlifchitz
0
150
Bounded Context: Problem or Solution?
ewolff
1
180
20250129 Findy_テスト高活用化
dshirae
0
240
デザインから逆算して難易度を見積もるための観点
fumiyasac0921
0
110
AWSでRAGを実現する上で感じた3つの大事なこと
ymae
3
810
FastConnect の冗長性
ocise
1
9.4k
アーキテクチャわからん、の話
shirayanagiryuji
0
230
ココナラのセキュリティ組織の体制・役割・今後目指す世界
coconala_engineer
0
240
Power BI は、レポート テーマにこだわろう!テーマのティア表付き
ohata_ds
0
140
extensionとschema
yahonda
1
150
例外処理を理解して、設計段階からエラーを「見つけやすく」「起こりにくく」する
kajitack
13
4.3k
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
RailsConf 2023
tenderlove
29
980
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
30
2.1k
For a Future-Friendly Web
brad_frost
176
9.5k
Thoughts on Productivity
jonyablonski
69
4.4k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Designing for Performance
lara
604
68k
Agile that works and the tools we love
rasmusluckow
328
21k
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 • શମ૾͕͔ͭΊΔ