2018/07/08に開催されたHTML5 APPS CONFERENCE 2018で発表した際の資料です。
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.Keisuke Nishitani, Specialist SA, AWS Japan K.K8 July, 2018ؿٗٝزؒٝسדؙٓؐسְְ䠬ׄח⢪ֲ倯岀
View Slide
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.Who am I ?Keisuke NishitaniSpecialist Solutions ArchitectAmazon Web Service Japan K.K@Keisuke69 Keisuke69 Keisuke69 Keisuke69Keisuke69x
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.➙傈ךֶ鑧ؿٗٝزؒٝسַؙٓؐسְְ䠬ׄח⢪ֲ
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.➙傈ךֶ鑧JavaScriptזWeb،فַٔAWSְְ䠬ׄח⢪ֲ
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.➙傈ךֶ鑧JavaScriptזWeb،فַٔAWSְְ䠬ׄח⢪ֲSPA
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.ؿٗٝزؒٝسؒٝآص،ָؙٓؐسⵃ欽ׅꥷך铬겗• ְז؟٦ؽأ֮גו⢪ִלְְַַזְ• 荈ⴓחꟼ⤘֮؟٦ؽأָ֮ךַ濼זְ• וֲװגفٗؽآّصؚׅٝלְְַַזְ• ؟٦غ٦גהַ״ַֻזְ׃ծ֮ת莆זְ• SDKך⢪ְ倯ַזְ• AWSך؟٦ؽأⵃ欽ׅ㜥さ醱侧ךJS铣鴥䗳銲䚍• API GatewayךIAM钠鏾ך㜥さծؙٔؒأزך縭せָ醱꧟
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.AWS Amplify
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.AWS Amplify• ؿٗٝزؒٝسֶ״ןٌغ؎ٕ涪罏ぢֽךؔ٦فٝا٦أךJavaScriptٓ؎ـٓٔ• AWSך؟٦ؽأ⢪ג㹋鄲ׅꥷח״ֻⵃ欽ׁةأؙ،فٔ؛٦ءّٝח知⽃ח穈鴥• https://github.com/aws/aws-amplify• ؎ٝأز٦ٕ$ npm install aws-amplify$ npm install aws-amplify-react
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.⚺銲זJavaScriptؿٖ٦يٙ٦ؙ؟ه٦زReact Angular Vue.js(soon)
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.AWS AmplifyדדֹֿהAuth• Amazon Cognito User Poolⵃ欽׃♧菙涸ז؟؎ٝ؎ٝח䗳銲זⳢ椚؟؎ٝ؎ٝծ؟؎ٝ،حفծػأٙ٦س䘌• MFAAnalytics• ،فٔךⴓ匿湡涸ה׃Amazon Pinpointפךر٦ة鷏⥋• ؕأةي㾩䚍⦼װؕأةيًزؙٔأח㼎䘔API• Amazon API GatewayפךؙٔؒأزⳢ椚• AWS Signature Version 4欽ְؙٔؒأزפך縭せ
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.Amazon Cognitoِ٦ؠ٦ך؟؎ٝ،حفծ؟؎ٝ؎ٝהؿؑرٖ٦ءّٝWebֶ״ןٌغ؎ٕ،فٔぢֽِ٦ؠ؟؎ٝ،حفծ؟؎ٝ؎ٝぐ珏IDفٗغ؎تה鸬䵿׃ؿؑرٖ٦ءّٝהAWSٔا٦أפךإُؗ،ז،ؙإأرغ؎أתָر٦ةךⰟ剣הず劍
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.Amazon Pinpoint٥ة٦حزׁفحءُ鸐濼ծٍؗٝل٦ٝךأ؛آُ٦ؚٔٝה粸鵤׃٥ؕأةي؎كٝز, ؕأةي㾩䚍ח״ِ٦ؠ٦䞔㜠ך ꧊٥A/Bذأز, م٦ٕس،ؐزذأز, إًؚٝزⴓ匿, ؿ؋طٕⴓ匿זו䲿⣘
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.Amazon API Gateway窟♧⻉ׁAPIך⡲䧭ה盖椚APIך㹀纏הمأذ؍ؙؚٝٓؐس♳ךٔا٦أפך،ؙإأ钠鏾AWSךAuth崞欽غحؙؒٝس⥂隊ךךDDoS㼎瘻װأٗحزؚٔٝطحزٙ٦ؙزٓؿ؍حؙך盖椚
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.2D:D* ' )%(&+=@0D3>B CAWS Lambda157,B#!"$(1D8*&(1D8*;495A46/'<-D.5
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.AWS AmplifyדדֹֿהGraphQLؙٓ؎،ٝز• AWS AppSync׃ֻכך➭ךGraphQL؟٦غⵃ欽ׅꥷךؙٓ؎،ٝزStorage• Amazon S3ח㼎ِׅ٦ؠ؝ٝذٝخך،حفٗ٦سծتؐٝٗ٦سהְ堣腉ךءٝفٕזㄎן⳿׃• Public/Protected/Privateך3珏겲ך،ؙإأٖكٕך盖椚Push鸐濼• Amazon Pinpoint欽ְة٦ذ؍ֶؚٝ״ןٍؗٝل٦ٝفحءُ
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.AWS AppSyncؿٕوط٦آسזGraphQL ؟٦ؽأٔ،ٕة؎ي堣腉הؔؿٓ؎ٝ堣腉• Ⱏ剣ر٦ةٔ،ٕة؎يח剑倜⻉• ؔؿٓ؎ٝ儗ךر٦ة刿倜הؔٝٓ؎ٝ儗ךؙٓؐسפךず劍醱侧ךر٦ةا٦أ؟ه٦ز• DynamoDB / Elastic Search / Lambda• Lambdaָ⢪ִךד㹋颵⡦דדֹկ㢩鿇APIOK
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.GraphQLהכAPI 欽ךؙؒٔ鎉铂• 㘗ءأذيחהבְؙؒٔ㹋遤ךך؟٦غ٦⩎ٓٝة؎يؙٓ؎،ٝزָ؟٦غ٦ַر٦ة《䖤ծ㢌刿ծ飑铣דֹ״ֲחׅךر٦ة鎉铂GraphQLؙؒٔ• ؙٓ؎،ٝزָٖأهٝأך䕎䒭䭷㹀• ؙٓ؎،ٝزכ䗳銲זر٦ةך䗳銲ז䕎䒭ד撑⠓〳腉
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.GraphQLהכ{"id": "1","name": "Get Milk",“priority": "1"},{"id": "2","name": "Go to gym","priority": "5"},…type Query {getTodos: [Todo]}type Todo {id: ID!name: Stringdescription: Stringpriority: Intduedate: String}query {getTodos {idnamepriority}}،فٔךأؗ٦وהٌرٕر٦ةؙٓ؎،ٝزָ䗳銲זךֽؙٔؒأزؙٔؒأز׃ر٦ةָֽ鵤ׁ
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.GraphQL Subscriptionקרٔ،ٕة؎يדر٦ة؟ـأؙٓ؎ـMutationزٔؖ٦ח׃؎كٝزك٦أٌ٦سAppSyncך⟣䠐ךر٦ةا٦أ⢪ִ• Lambda, DynamoDB, Elasticsearchmutation addPost( id:123title: ”New post!”author:”Nadia”){idtitleauthor}data: [{id:123,title:”New Post!”author:”Nadia”}]
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.AWS Amplifyדדֹֿה؎ٝةؙٓءّٝ• Amazon Lexⵃ欽׃堣唒㷕统ك٦أה׃⠓鑧䕎نحزך⡲䧭PubSub• AWS IoT׃ֻכ♧菙涸זMQTT欽ְPubSubך㹋鄲Caching• ر٦ةأز،欽ְ♧菙涸זLRUٍؗحءُ堣圓ך㹋鄲㕂ꥷ⻉㼎䘔
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.AWS Amplify⢪涪ך䩛갫AWSٔا٦أך鏣㹀IAMך鏣㹀Client SDKך鏣㹀؝٦ر؍ؚٝ
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.AWS Amplify⢪涪ך䩛갫AWSٔا٦أך鏣㹀IAMך鏣㹀Client SDKך鏣㹀؝٦ر؍ؚٝAWS Mobile Hub + AWS Mobile CLIד鏣㹀〳腉
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.Demo
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.תהAWS Amplify• ؿٗٝزؒٝسؒٝآص،ךךٓ؎ـٓٔ• ぐ珏JSؿٖ٦يٙ٦ؙ؟ه٦ز؟٦غ٦圓眠ׇ׆חⵃ欽דֹ䌴䎢ְ؟٦ؽأ纇• AWS LambdaծAWS AppSyncծAmazon Pinpoint…
© 2018, Amazon Web Services, Inc. or its Affiliates. All rights reserved.Let’s happy coding !
"84%FW%BZ 5PLZP⪵寸㹀⯓遤歍׃鴥㹋倵⚥"84%FW%BZ כծ،فٔ؛٦ءّٝ涪遤ֲركٗحػ٦ך涺圫ךךծؚٗ٦غٕذؙظٗآ٦؎كٝزדׅկ،فٔ涪חꟼ鸬ׅ"84ך㹋騧涸ז䞔㜠כծ㕂ⰻ㢩ך✲⢽鸐ׄكأزفؙٓذ؍أծذؙصٕؕإحءّٝծعٝؤؔٝծعحؕاٝծٙ٦ؙءّحفծٓ؎زصؚٝز٦ؙזו圫ղז䕎דֶ㾈ֽ׃תׅկ䎃剢傈 剢։剢傈 ꆃ،وبٝ ؐؑـ ؟٦ؽأ آٍػٝ 匌❨٥湡랲أزٔ٦ىؚٝ⚥竰㹋倵✮㹀דׅ⯓遤涫ꐮ갥ְ倯חכծ姻䒭歍鴥㨣儗חծְ傍ֻ׀涫ꐮ갥ֽ״ֲ׀鸬窃ְ׃תׅկIUUQTBN[OUPEFWEBZDEVDAY"84%FW "84%FW%BZ