Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
An introduction of the Backbone.js
shigeru. nakajima
May 13, 2016
Technology
0
85
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
ゆっくり動くと速く動ける / If you move slowly, you can move more fast
ledsun
0
610
WebSockets and Ruby : avoiding the pitfalls of multithreading
ledsun
0
580
10倍速いNode.js並列プログラミング
ledsun
12
3.6k
Test asynchronous functions with RSpec
ledsun
0
2.1k
PANQ
ledsun
0
1.9k
Redmine Wikiのページツリー構造をドラッグ&ドロップで編集できるプラグインを作りました
ledsun
1
4.8k
RSpecと非同期関数テスト
ledsun
0
270
Atomエディタの紹介
ledsun
2
1k
textaeのテスト なぜ毎日テストするのか
ledsun
1
390
Other Decks in Technology
See All in Technology
History of the ML system in KARTE
kargo113
0
600
Design for Humans: How to make better modernization decisions
indualagarsamy
2
110
The Fractal Geometry of Software Design
vladikk
0
260
複数のスクラムチームをサポートするエンジニアリングマネジメントの話
okeicalm
0
1.1k
MRTK3 - DataBinding and Theming 入門
futo23
0
170
UIKitのアップデート #WWDC22
akatsuki174
3
190
約6年間運用したシステムをKubernetesに完全移行するまで/Kubernetes Novice Tokyo
isaoshimizu
4
650
OPENLOGI Company Profile
hr01
0
350
機械学習システムアーキテクチャ入門 #1
asei
3
1.2k
1人目QA奮闘記/QA Engineer's Struggle
mii3king
2
1.1k
Security Hub のマルチアカウント 管理・運用をサーバレスでやってみる
ch6noota
0
760
組織の崩壊と再生、その中で何を考え、感じたのか。 そして本当に必要だったもの
kosako
9
3.7k
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
225
120k
The Cult of Friendly URLs
andyhume
68
4.8k
Designing for Performance
lara
597
63k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
126
8.5k
Designing for humans not robots
tammielis
241
23k
Atom: Resistance is Futile
akmur
255
20k
A Modern Web Designer's Workflow
chriscoyier
689
180k
Happy Clients
brianwarren
89
5.6k
What the flash - Photography Introduction
edds
62
10k
Embracing the Ebb and Flow
colly
73
3.4k
Building Your Own Lightsaber
phodgson
94
4.6k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
224
49k
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 • શମ૾͕͔ͭΊΔ