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
130
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
Using Ruby in the browser is wonderful
ledsun
1
2.2k
Rubyで書いたテトリスをブラウザで動かしてみた
ledsun
0
1.9k
ruby.wasm に関する進捗報告
ledsun
0
940
Hacking Guide of the ruby.wasm
ledsun
0
1.3k
私の作ったruby.wasm アプリケーション
ledsun
0
570
Load gem from browser
ledsun
2
1.5k
パラメタライズドテスト
ledsun
0
490
ゆっくり動くと速く動ける / If you move slowly, you can move more fast
ledsun
0
950
WebSockets and Ruby : avoiding the pitfalls of multithreading
ledsun
0
950
Other Decks in Technology
See All in Technology
Github Actions 로 Android 팀의 효율성 극대화
hadonghyun
0
160
開発と事業を繋ぐ!SREのオブザーバビリティ戦略 ~ Developers Summit 2024 Summer ~
leveragestech
0
620
サービスの持続的な成長と技術負債について
siva_official
PRO
10
4.4k
20240717_イケコパ代表Copilot_in_Teams会社でこう使ってます
ponponmikankan
2
430
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
Azure Pipelinesを使用したCICDベースラインアーキテクチャ実践
yuriemori
0
190
ここがすごいよ! AWS Systems Manager!
saichan11
0
1.8k
サービス開発を前に進めるために 新米リードエンジニアが 取り組んだこと / Steps Taken by a Novice Lead Engineer to Advance Service Development
nologyance
0
180
目標設定は好きですか? アジャイルとともに目標と向き合い続ける方法 / Do you like target Management?
kakehashi
10
3k
クラウド利用者の「責任」をどう果たす?AWSセキュリティ対策のススメ #AWSSummit
hiashisan
0
270
「単なる OAuth 2.0 を認証に使うと、車が通れるほどのどでかいセキュリティー・ホールができる」のか検証してみた
terara
0
380
ギークの理想が7つ集まるエムスリーで夢を叶えよう - エムスリー株式会社
m3_engineering
1
260
Featured
See All Featured
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
129
32k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.9k
The MySQL Ecosystem @ GitHub 2015
samlambert
248
12k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.4k
Git: the NoSQL Database
bkeepers
PRO
423
64k
GitHub's CSS Performance
jonrohan
1026
450k
Building Flexible Design Systems
yeseniaperezcruz
323
37k
Building an army of robots
kneath
301
42k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
35
6.3k
Building Adaptive Systems
keathley
34
2k
Designing on Purpose - Digital PM Summit 2013
jponch
113
6.6k
Practical Orchestrator
shlominoach
185
10k
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 • શମ૾͕͔ͭΊΔ