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
Synth - 東京Node学園2014
Search
pochi
August 20, 2014
Programming
0
4.2k
Synth - 東京Node学園2014
東京Node学園2014発表資料
Synthの紹介
pochi
August 20, 2014
Tweet
Share
More Decks by pochi
See All by pochi
React Nativeで作ったアプリでRedux-Sagaを使ったので,その話 / TOM Internal Developer Session #7
pchw
0
1.9k
Expoで開発してアプリを公開して得られた知見 / RNM6
pchw
3
1.7k
Firebaseでラクラクリアルタイムアプリ
pchw
0
1.2k
MongoDB族のための組み込み軽量DB NeDB
pchw
0
1.3k
月刊ライトニングトーク2014年8月号: MEAN 祭り資料
pchw
0
4.3k
RubyMotion 1.15で追加されたtest周りの話
pchw
1
3.1k
Other Decks in Programming
See All in Programming
[Kotlin Fest 2024] もっとKotlinを好きになる!K2時代のKotlin Compiler Plugin開発
kitakkun
2
2.4k
Ruby の型に関する活動をやっている話 / Activities related to Ruby types
euglena1215
3
140
宇宙一早くAmazon Bedrock 生成AIアプリ開発入門の献本が届いたので 感想をしみじみ語る
ymd65536
1
180
Get started with Compose Multiplatform!
ogi2ogi
0
1k
Amazon Bedrockで行うモデル評価入門 / Introduction to Model Evaluation in Amazon Bedrock
rkaga
2
590
What's new in Xcode 16 ダイジェスト
enomotok
0
200
良いテストコードのために悪いテストコードを理解する - 不安定なテスト編: iOSアプリ開発ユニットテストの場合
yimajo
20
4.4k
Google I/O 報告LT会 / Building UI with the M3-adaptive-lib
atria
0
210
あらゆるアプリをCompose Multiplatformで書きたい! -ネイティブアプリの「あの機能」を私たちはどう作るか-
subroh0508
1
840
凝集性から考えるLaravelのmiddleware、routingに書くか? Policyに書くか?
newnomad
1
160
Swift 6 の地味な (?) アップデート
tajitaji
1
100
How to send distibuted traces to Datadog using build own OpenTelemetry-Lambda distribution
aereal
3
110
Featured
See All Featured
Writing Fast Ruby
sferik
623
60k
Agile that works and the tools we love
rasmusluckow
325
20k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
323
21k
Fireside Chat
paigeccino
24
2.7k
Happy Clients
brianwarren
93
6.5k
Typedesign – Prime Four
hannesfritz
36
2.2k
Optimizing for Happiness
mojombo
372
69k
Atom: Resistance is Futile
akmur
260
25k
Adopting Sorbet at Scale
ufuk
69
8.7k
The Brand Is Dead. Long Live the Brand.
mthomps
51
36k
Building Applications with DynamoDB
mza
89
5.8k
How to train your dragon (web standard)
notwaldorf
78
5.4k
Transcript
Synth @pchw
https://otakumode.com/careers WANTS YOU
What is Synth?
http://www.infoq.com/jp/news/2014/06/synth Synth, API-First Web Framework, Confuses Community - APIϑΝʔετͷWebϑϨʔϜϫʔΫSynthΛ८ΔίϛϡχςΟͷࠔ -
http://www.synthjs.com/ The back-end web framework designed to make (Angular|Ember|Backbone)JS web
apps easy to create and manage.
an API-first web app framework is
#1 - #4 Synth Introduction
API-first #1
Synth is composed of … RESTful JSON API and Client
side MV* application
Backend Frontend View /api/tweets View Model Model JSON /api/memos JSON
database /tweets
Map directory structures to URL routings #2
Synth provides … Easy to add an endpoint
/api/tweets /api/memos back/resources/ tweets/ getTweets.js exports.getIndex = function () {!
:! } memos/ getMemos.js exports.getIndex = function () {! :! } Directories Backend
exports.getIndex?
exports.getIndex? exports.getIndex = function () {! // GET /api/tweets! }
exports.get = function () {! // GET /api/tweets/123! } exports.post = function () {! // POST /api/tweet! }
#3 Preloaded HTML Preloaded Data
Client side MV* frameworks have a problem
None
Synth resolves … initial rendering delays
Backend Frontend View /api/tweets View Model Model /api/memos database /tweets
templates
index.jade ! script.! var preloadedData = !{data};! body! h1= appName!
! div(ng-view)! ! if preloadHTML! script(type="text/ng-template")! != preloadHTML
#4 Promises
Synth implements preload… By using Promises
getTweets.js ! exports.getIndex = function (db) {! return db.collection('tweets').find()! .sort({
created_at: -1 })! .limit(30)! .toArray().then(function (tweets) {! return {! tweets: tweets! };! });! };
Conclusion
Synth • is an API-first web application framework • resolves
initial rendering delays • recommend to use promised handler • have a simple directory - URL mapping