JavaScript
API
taskey
26
@Taskey.inc
twitter: @fukamiiiiinmin
React + Redux + webpack + ES2015 + Rails + SSR + SPA
Rails AWS
SEO
html schema
马
LT
FE
taskey
JavaScript
API
taskey
API
GET json
URL!
React virtual DOM
knockout
Ajax
ajax
$.ajax({
url: ‘/comments?p=1’,
type: ‘GET’,
success: function(res){
// res
$(‘#comments’).append(‘<li>’ + res.text + ‘</li>’)
}
})
API
index.html
js
comments.json
jquery.js
$.ajax({
url: ‘js/comments.json’,
success: function(res){
console.log(res)
}
})
var comments = [
{
id: 1,
name: ‘fukaminmin’,
text: ‘ 1 ’
}, …
]
function success(){
// comments
}
$.ajax({
url: ‘http://debugUrl.com’,
type: ‘GET’,
success: function(res){
// res
$(‘#comments’).append(‘<li>’ + res.text + ‘</li>’)
}
})
url
$.ajax({
url: ‘/comments?p=1’,
type: ‘GET’,
success: function(res){
// res
$(‘#comments’).append(‘<li>’ + res.text + ‘</li>’)
}
})
GET json
URL!
↑
JavaScript
Google Drive
API
3
1. url
2.
doGet
3. JSON &JSON
DEMO
1. API
2. Google Apps Script API
React + Redux + webpack + ES2015 + Rails + SSR + SPA
rails AWS
SEO
html schema
马
FE
• React + ES2015 + redux + Rails + SSR
• SEO
JavaScript
API
taskey

必要な知識はJavascriptだけ!さくっと作ろうAPIサーバ!