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

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

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