Upgrade to Pro — share decks privately, control downloads, hide ads and more …

JavaScriptってフロントエンドだけのものだと思っていませんか?

 JavaScriptってフロントエンドだけのものだと思っていませんか?

秋のJavaScript祭 in mixiのセッション資料です。

75486cbfd37125f121cf4a6c5614601c?s=128

Hidetaka Okamoto
PRO

October 15, 2016
Tweet

Transcript

  1. J a v a S c r i p t

    ͬͯ ϑ ϩ ϯ τ Τ ϯ υ ͩ ͚ ͷ ΋ ͷ ͩ ͱ ࢥ ͬͯ ͍ · ͤ Μ ͔ʁ ळ ͷ J a v a S c r i p t ࡇ ɹ i n m i x i
  2. D o y o u l i k e J

    a v a S c r i p t ?
  3. D o y o u l i k e S

    e r v e r ?
  4. J a v a S c r i p t

    Ͱ Π ϯ ϑ ϥ Λ ૢ ࡞ ͢ Δ
  5. H i d e t a k a O k

    a m o t o • AMIMOTO ( Digitalcube ) • WordBenchژ౎ϞσϨʔλ • WordPress / AWS / React
  6. Ξ δΣ ϯ μ • AWS SDK for JavaScript •

    JavaScript͚ͩͰwebαʔϏεΛߏங͢Δ • Learn JavaScript, Deeply
  7. Ξ δΣ ϯ μ • AWS SDK for JavaScript •

    JavaScript͚ͩͰwebαʔϏεΛߏங͢Δ • Learn JavaScript, Deeply
  8. A W S ͕ ఏ ڙ ͢ Δ Ϋ ϥ

    ΢ υ α ʔ Ϗ ε ʢ Ұ ෦ ʣ
  9. A W S S D K f o r J

    a v a S c r i p t ( N o d e . j s ) h t t p : / / d o c s . a w s . a m a z o n . c o m / A W S J a v a S c r i p t S D K / l a t e s t / i n d e x . h t m l
  10. A W S S D K f o r J

    a v a S c r i p t ( N o d e . j s ) $ npm install aws-sdk var AWS = require('aws-sdk'); var s3 = new AWS.S3(); s3.createBucket({Bucket: 'myBucket'}, function() { var params = {Bucket: 'myBucket', Key: 'myKey', Body: 'Hello!'}; s3.putObject(params, callback ); }); J a v a S c r i p t N P M https://aws.amazon.com/jp/sdk-for-node-js/
  11. A W S S D K f o r J

    a v a S c r i p t ( B ro w s e r ) h t t p s : / / a w s . a m a z o n . c o m / j p / s d k - f o r- b ro w s e r /
  12. A W S S D K f o r J

    a v a S c r i p t ( B ro w s e r ) • ιʔγϟϧϩάΠϯ ( Cognito ) • ΦϯϥΠϯσʔλͷऔಘɾॲཧʢDynamoDBʣ • ϑΝΠϧετϨʔδͷૢ࡞ɾΞΫηεʢAmazon S3ʣ • etc…
  13. J a v a S c r i p t

    S D K Ͱ ͳ ʹ ͕ Ͱ ͖ Δʁ
  14. ΄ ΅ શ ͯͷ A W S α ʔ Ϗ

    ε Λ ૢ ࡞ Ͱ ͖ Δ
  15. J a v a S c r i p t

    Ͱ υϝ Π ϯ Λ ߪ ೖ ͢ Δ h t t p : / / q i i t a . c o m / m o t c h i 0 2 1 4 / i t e m s / 6 1 3 b 7 3 c f 8 8 a c 6 1 a c b c f 6 var AWS = require('aws-sdk'); var route53domains = new AWS.Route53Domains({ /*தུ*/}); var params = { DomainName: "example.net", }; route53domains.checkDomainAvailability(params).promise().then( data => { var registerParams = /*தུ*/ return route53domains.registerDomain(registerParams).promise(); }
  16. J a v a S c r i p t

    Ͱ ձ һ ొ ࿥ Λ ࣮ ૷ ͢ Δ h t t p s : / / g i t h u b . c o m / a w s / a m a z o n - c o g n i t o - i d e n t i t y - j s # u s a g e var userPool = new AWSCognito.CognitoIdentityServiceProvider.CognitoUserPool(poolData); var dataEmail = {Name : 'email',Value : 'email@mydomain.com'}; var dataPhoneNumber = {Name : 'phone_number',Value : ‘+15555555555'}; var attributeEmail = new AWSCognito.CognitoIdentityServiceProvider.CognitoUserAttribute(dataEmail); var attributePhoneNumber = new AWSCognito.CognitoIdentityServiceProvider.CognitoUserAttribute(dataPhoneNumber); attributeList.push(attributeEmail); attributeList.push(attributePhoneNumber); userPool.signUp('username', 'password', attributeList, null, function(err, result){ if (err) { alert(err); return;} cognitoUser = result.user; console.log('user name is ' + cognitoUser.getUsername()); });
  17. ͦ ͷ ଞ J a v a S c r

    i p t Ͱ ΍ ͬ ͨ ͜ ͱ http://qiita.com/motchi0214/items/365a732ee94ff39e1eb4 υϝ Π ϯ ͔ Β α ʔ όʔ ɾ ൿ ີ 伴 · Ͱ શ ෦ ࡞ Δ 2 0 0 Ҏ ্ ͋ Δ C D N ͷ ઃ ఆ Λ n o d e i n d e x . j s ͩ ͚ Ͱ ߋ ৽ ͢ Δ http://qiita.com/motchi0214/items/872ef8c67587330dc0bb S S L ͷ ূ ໌ ॻ Λ औ ಘ ͯ͠ɺ C D N ʹ ઃ ఆ ͢ Δ http://qiita.com/motchi0214/items/020b8c430e2138dc2261 http://qiita.com/motchi0214/items/cde49b76f9dd83765040
  18. Ξ δΣ ϯ μ • AWS SDK for JavaScript •

    JavaScript͚ͩͰwebαʔϏεΛߏங͢Δ • Learn JavaScript, Deeply
  19. h t t p s : / / b e

    t a . g e t s h i f t e r. i o /
  20. Wo rd P re s s + S t a

    t i c S i t e G e n • PHP / MySQLͳ͠ͰαΠτΛදࣔ • αΠτߋ৽ͷ͚࣌ͩWordPressىಈ • αΠτߋ৽ΑΓɺ ɹWordPressͷߋ৽ͷํ͕ଟ͍Λղফ
  21. J a v a S c r i p t

    Ͱ ΍ ͬͯ ͍ Δ ͜ ͱ • CDN / ΢Σϒαʔόʔͷ࡞੒ʢ CloudFront / S3 ʣ • Ϣʔβʔొ࿥ɾϩάΠϯ / ϩάΞ΢τɾύεϫʔυ࠶ൃߦʢ Cognito ʣ • Dockerͷίϯτϩʔϧʢ API Gateway + Lambda ʣ • WebαΠτͷεΫϨΠϐϯάͱ੩తԽʢDynamoDB + Lambda + SQS ʣ
  22. ؅ ཧ ը ໘ ͸ R i o t .

    j s h t t p s : / / g o . g e t s h i f t e r. i o / # p ro j e c t s
  23. ε Ϋ Ϧ ϓ τ ͷ σ ϓ ϩ Π

    ΋ J a v a S c r i p t h t t p s : / / s e r v e r l e s s . c o m /
  24. ΄ ͱ Μ Ͳ J a v a S c

    r i p t ͠ ͔ ॻ ͍ͯ ͳ ͍ ͚ Ͳ ɺ w e b α ʔ Ϗ ε Λ Ϧ Ϧ ʔε Ͱ ͖ ͨ
  25. Ξ δΣ ϯ μ • AWS SDK for JavaScript •

    JavaScript͚ͩͰwebαʔϏεΛߏங͢Δ • Learn JavaScript, Deeply
  26. J a v a S c r i p t

    ͕ ࢖ ͑ Ε ͹ ɺ w e b α ʔ Ϗ ε ͕ ࡞ Ε Δ • ؅ཧը໘ͷ࡞੒ɹʔɹReact / Angular / Riot / Vue / Polymer / etc.. • ձһ؅ཧॲཧͷ࡞੒ɹʔɹCognito UserPool • web / APIαʔόʔͷ࡞੒ɹʔɹCloudFormation • εΫϦϓτͷσϓϩΠɹʔɹServerless Framework • ϞόΠϧΞϓϦɹʔɹMobileHub / Cordova / Ionic • Internet of ThingsɹʔɹJohnny five / AWS IoT
  27. ʮ J a v a S c r i p

    t ݏ ͍ ʯ ͱ ͔ ݴ ͬͯ Δ ৔ ߹ ͡ Ό ͳ ͍
  28. ׽ ͸ ໧ ͬͯ j Q u e r y

    J a v a S c r i p t
  29. None
  30. None
  31. https://hmn.md/uploads/2016/07/Talking-to-25-of-the-Web-1.1.pdf

  32. Wo rd C a m p U S 2 0

    1 5 h t t p s : / / 2 0 1 5 . u s . w o rd c a m p . o rg /
  33. – M a t t M u l l e

    n w e g “Learn JavaScript, Deeply”
  34. E n j o y J a v a S

    c r i p t : )
  35. E n j o y J a v a S

    c r i p t : ) ੍࡞ɾஶ࡞ Ί૊ ऴ