SlideShare a Scribd company logo
1 of 37
Download to read offline
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

More Related Content

More from 将一 深見

20180517 megurocss@1th
20180517 megurocss@1th20180517 megurocss@1th
20180517 megurocss@1th将一 深見
 
20180424 #18 we_are_javascripters
20180424 #18 we_are_javascripters20180424 #18 we_are_javascripters
20180424 #18 we_are_javascripters将一 深見
 
20180222 #16 we_are_javascripters
20180222 #16 we_are_javascripters20180222 #16 we_are_javascripters
20180222 #16 we_are_javascripters将一 深見
 
jquery? state管理? どっち使えばいいの? 20171221 we are_javascripters@14th
jquery? state管理? どっち使えばいいの? 20171221 we are_javascripters@14thjquery? state管理? どっち使えばいいの? 20171221 we are_javascripters@14th
jquery? state管理? どっち使えばいいの? 20171221 we are_javascripters@14th将一 深見
 
2017年のteratailでやらかした話をしたい 20171213 _#9 _teratail_meetup
2017年のteratailでやらかした話をしたい 20171213 _#9 _teratail_meetup2017年のteratailでやらかした話をしたい 20171213 _#9 _teratail_meetup
2017年のteratailでやらかした話をしたい 20171213 _#9 _teratail_meetup将一 深見
 
CSSの嫌なところを解決できる(かも)。そう、CSS Houdiniならね 20170825 we are_javascripters@10th
CSSの嫌なところを解決できる(かも)。そう、CSS Houdiniならね 20170825 we are_javascripters@10thCSSの嫌なところを解決できる(かも)。そう、CSS Houdiniならね 20170825 we are_javascripters@10th
CSSの嫌なところを解決できる(かも)。そう、CSS Houdiniならね 20170825 we are_javascripters@10th将一 深見
 
素晴らしきJSの世界とSEO 20170606 we are_javascripters@8th
素晴らしきJSの世界とSEO 20170606 we are_javascripters@8th素晴らしきJSの世界とSEO 20170606 we are_javascripters@8th
素晴らしきJSの世界とSEO 20170606 we are_javascripters@8th将一 深見
 
JSの知識だけでLINE Bot作ってみる! 20170327_we are_javascripters@5th
JSの知識だけでLINE Bot作ってみる! 20170327_we are_javascripters@5thJSの知識だけでLINE Bot作ってみる! 20170327_we are_javascripters@5th
JSの知識だけでLINE Bot作ってみる! 20170327_we are_javascripters@5th将一 深見
 
20170123 creators learning_english_meetup
20170123 creators learning_english_meetup20170123 creators learning_english_meetup
20170123 creators learning_english_meetup将一 深見
 
2周年だから伝えたい!teratailへの3つのありがとう!
2周年だから伝えたい!teratailへの3つのありがとう!2周年だから伝えたい!teratailへの3つのありがとう!
2周年だから伝えたい!teratailへの3つのありがとう!将一 深見
 
『あれ?Cssが反映されない!』を二度とやらないために
『あれ?Cssが反映されない!』を二度とやらないために『あれ?Cssが反映されない!』を二度とやらないために
『あれ?Cssが反映されない!』を二度とやらないために将一 深見
 
ゆるく学ぼう!現在のフロントエンドまとめ
ゆるく学ぼう!現在のフロントエンドまとめゆるく学ぼう!現在のフロントエンドまとめ
ゆるく学ぼう!現在のフロントエンドまとめ将一 深見
 

More from 将一 深見 (12)

20180517 megurocss@1th
20180517 megurocss@1th20180517 megurocss@1th
20180517 megurocss@1th
 
20180424 #18 we_are_javascripters
20180424 #18 we_are_javascripters20180424 #18 we_are_javascripters
20180424 #18 we_are_javascripters
 
20180222 #16 we_are_javascripters
20180222 #16 we_are_javascripters20180222 #16 we_are_javascripters
20180222 #16 we_are_javascripters
 
jquery? state管理? どっち使えばいいの? 20171221 we are_javascripters@14th
jquery? state管理? どっち使えばいいの? 20171221 we are_javascripters@14thjquery? state管理? どっち使えばいいの? 20171221 we are_javascripters@14th
jquery? state管理? どっち使えばいいの? 20171221 we are_javascripters@14th
 
2017年のteratailでやらかした話をしたい 20171213 _#9 _teratail_meetup
2017年のteratailでやらかした話をしたい 20171213 _#9 _teratail_meetup2017年のteratailでやらかした話をしたい 20171213 _#9 _teratail_meetup
2017年のteratailでやらかした話をしたい 20171213 _#9 _teratail_meetup
 
CSSの嫌なところを解決できる(かも)。そう、CSS Houdiniならね 20170825 we are_javascripters@10th
CSSの嫌なところを解決できる(かも)。そう、CSS Houdiniならね 20170825 we are_javascripters@10thCSSの嫌なところを解決できる(かも)。そう、CSS Houdiniならね 20170825 we are_javascripters@10th
CSSの嫌なところを解決できる(かも)。そう、CSS Houdiniならね 20170825 we are_javascripters@10th
 
素晴らしきJSの世界とSEO 20170606 we are_javascripters@8th
素晴らしきJSの世界とSEO 20170606 we are_javascripters@8th素晴らしきJSの世界とSEO 20170606 we are_javascripters@8th
素晴らしきJSの世界とSEO 20170606 we are_javascripters@8th
 
JSの知識だけでLINE Bot作ってみる! 20170327_we are_javascripters@5th
JSの知識だけでLINE Bot作ってみる! 20170327_we are_javascripters@5thJSの知識だけでLINE Bot作ってみる! 20170327_we are_javascripters@5th
JSの知識だけでLINE Bot作ってみる! 20170327_we are_javascripters@5th
 
20170123 creators learning_english_meetup
20170123 creators learning_english_meetup20170123 creators learning_english_meetup
20170123 creators learning_english_meetup
 
2周年だから伝えたい!teratailへの3つのありがとう!
2周年だから伝えたい!teratailへの3つのありがとう!2周年だから伝えたい!teratailへの3つのありがとう!
2周年だから伝えたい!teratailへの3つのありがとう!
 
『あれ?Cssが反映されない!』を二度とやらないために
『あれ?Cssが反映されない!』を二度とやらないために『あれ?Cssが反映されない!』を二度とやらないために
『あれ?Cssが反映されない!』を二度とやらないために
 
ゆるく学ぼう!現在のフロントエンドまとめ
ゆるく学ぼう!現在のフロントエンドまとめゆるく学ぼう!現在のフロントエンドまとめ
ゆるく学ぼう!現在のフロントエンドまとめ
 

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