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
98
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
パラメタライズドテスト
ledsun
0
300
ゆっくり動くと速く動ける / If you move slowly, you can move more fast
ledsun
0
680
WebSockets and Ruby : avoiding the pitfalls of multithreading
ledsun
0
680
10倍速いNode.js並列プログラミング
ledsun
12
3.7k
Test asynchronous functions with RSpec
ledsun
0
2.2k
PANQ
ledsun
0
2.1k
Redmine Wikiのページツリー構造をドラッグ&ドロップで編集できるプラグインを作りました
ledsun
1
5k
RSpecと非同期関数テスト
ledsun
0
310
Atomエディタの紹介
ledsun
2
1.1k
Other Decks in Technology
See All in Technology
MarvelClient Upgrade 64bit クライアントへの自動アップグレード設定
mitsuru_katoh
0
150
Multi-Cloud Gatewayでデータを統治せよ!/ Data Federation with MCG
tutsunom
1
290
OCI DevOps 概要 / OCI DevOps overview
oracle4engineer
PRO
0
500
Stripe / Okta Customer Identity Cloud(旧Auth0) の採用に至った理由 〜モリサワの SaaS 戦略〜
tomuro
0
130
OpenShift.Run2023_create-aro-with-terraform
ishiitaiki20fixer
1
300
02_プロトタイピングの進め方
kouzoukaikaku
0
520
オンプレk8sとEKSの並行運用の実際
ch1aki
0
280
データベースの発表には RDBMS 以外もありますよ
maroon1st
0
240
KyvernoとRed Hat ACMを用いたマルチクラスターの一元的なポリシー制御
ry
0
180
re:Invent2022 前後の Amazon EventBridge のアップデートを踏まえつつ、情シスの仕事をより楽しくしたい話。 / EventBridge for Information Systems Department
_kensh
2
730
Kaggleシミュレーションコンペの動向
nagiss
0
270
ChatGPT for Hacking
anugrahsr
0
4.4k
Featured
See All Featured
Designing the Hi-DPI Web
ddemaree
273
32k
Docker and Python
trallard
30
1.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
182
15k
Music & Morning Musume
bryan
37
4.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
1.2k
Adopting Sorbet at Scale
ufuk
65
7.8k
Fontdeck: Realign not Redesign
paulrobertlloyd
74
4.3k
The Art of Programming - Codeland 2020
erikaheidi
35
11k
What's in a price? How to price your products and services
michaelherold
233
9.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
500
130k
Why Our Code Smells
bkeepers
PRO
326
55k
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
196
9.8k
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 • શମ૾͕͔ͭΊΔ