Slide 1

Slide 1 text

߹॓੒Ռൃද @Amimoto_Ami amimoto-ami.com αʔόϨεΞʔΩςΫνϟͰͷAMIMOTOϢʔβμογϡϘʔυ։ൃ

Slide 2

Slide 2 text

ࣗݾ঺հ • ໊લɿງՈོ޺ • ॴଐɿAMIMOTO TEAM • Githubɿhttps://github.com/horike37 • Qiitaɿhttp://qiita.com/horike37 • ಘҙͳ͜ͱɿAWS, WordPress

Slide 3

Slide 3 text

߹॓Ͱ΍ͬͨ͜ͱ

Slide 4

Slide 4 text

https://ja.amimoto-ami.com/

Slide 5

Slide 5 text

ࣄྫ

Slide 6

Slide 6 text

AMIMOTOϗεςΟϯάαʔϏεͷμογϡϘʔυUI։ൃ

Slide 7

Slide 7 text

߹॓ͷΰʔϧͰ͋ΔUI͸׬੒

Slide 8

Slide 8 text

αʔόϨεΞʔΩ ςΫνϟͱ͸ʁ

Slide 9

Slide 9 text

αʔόϨεΞʔΩςΫνϟͱ͸ • Ϋϥ΢υͰఏڙ͞ΕΔαʔϏεར༻Λલఏʹߏங͢ΔαʔϏε ٴͼΞϓϦέʔγϣϯ • Ծ૝ϚγϯΛ࢖ΘͣʹΞʔΩςΫνϟΛߏ੒

Slide 10

Slide 10 text

αʔόϨεΞʔΩςΫνϟͷϝϦοτ • Πϯϑϥϝϯςφϯε͔Βͷ։์ • ίετ࠷దԽ

Slide 11

Slide 11 text

Πϯϑϥϝϯςφϯε͔Βͷ։์ ෺ཧ૚ 04 ϛυϧ΢ΣΞ ΞϓϦέʔγϣϯ ෺ཧ૚ 04 ϛυϧ΢ΣΞ ΞϓϦέʔγϣϯ ੹೚ڥք ੹೚ڥք EC2ͷ৔߹ Lambdaͷ৔߹

Slide 12

Slide 12 text

ίετͷ࠷దԽ ࣌ؒ ίετ ࣌ؒ ίετ EC2ͷ৔߹ Lambdaͷ৔߹

Slide 13

Slide 13 text

αʔόϨεΞʔΩςΫνϟͷ໰୊఺ • ࠓ·Ͱαʔό͋Γ͖Ͱൃల͖ͯͨ͠։ൃख๏͕࢖͑ͳ͍ • webΞϓϦʹ͓͚ΔϨϯμϦϯά͕αʔόαΠυ͔ΒΫϥΠΞϯταΠυ΁

Slide 14

Slide 14 text

ඞཁͳ ٕज़ཁૉ

Slide 15

Slide 15 text

ߏ੒ਤ

Slide 16

Slide 16 text

Cognito 
 User Pools ੌ͍Ϣʔβೝূج൫

Slide 17

Slide 17 text

ձһσʔλͷҰݩ؅ཧ

Slide 18

Slide 18 text

Amazon Cognito Identity SDK for JavaScript

Slide 19

Slide 19 text

ϩάΠϯ༻ͷϝιου

Slide 20

Slide 20 text

ձһొ࿥༻ͷϝιου

Slide 21

Slide 21 text

ύεϫʔυ࠶ൃߦ༻ͷϝιου

Slide 22

Slide 22 text

Serverless 
 Framework αʔόϨεͳ ϑϨʔϜϫʔΫ

Slide 23

Slide 23 text

• API Gateway, LambdaͷϓϩδΣΫτ؅ཧ • ϩʔΧϧ؀ڥͰͷLambda࣮ߦ • API GatewayͷҰݩతͳઃఆ • ։ൃɺεςʔδϯάɺຊ൪؀ڥͷ੾Γସ͑ • AWS؀ڥ΁ͷσϓϩΠ • ࣗ࡞ͷΞϓϦέʔγϣϯͷGithub΁ͷެ։ Serverless Framework

Slide 24

Slide 24 text

ϩʔΧϧ؀ڥͰͷLambdaϑΝϯΫγϣϯ࣮ߦ

Slide 25

Slide 25 text

API Gateway, LambdaͷAWS΁ͷσϓϩΠ

Slide 26

Slide 26 text

αʔόϨεߏ੒ͷϢχοτςετ Serverless Unittest Boilerplate

Slide 27

Slide 27 text

Lambda, DynamoDBߏ੒ͷTravis্ͰͷCI http://qiita.com/horike37/items/ed5c79ef1cbd4d17136a

Slide 28

Slide 28 text

Riot.js ௐ౓ྑ͍ UIϥΠϒϥϦ

Slide 29

Slide 29 text

• ViewʹಛԽͨ͠UIϥΠϒϥϦ • ϓϦίϯύΠϧʹΑΔϨϯμϦϯά • ܰྔͰίʔυ͕ॻ͖΍͍͢ • API Gateway LambdaͷΞϓϦέʔγϣϯͷ
 Viewͱͯ͠࡞Γ΍͍͢ Riot.js

Slide 30

Slide 30 text

ΫϥΠΞϯταΠυϨϯμϦϯάͷ΍ΓͮΒ͞ AjaxʹΑΔσʔλͷ஗Ԇ

Slide 31

Slide 31 text

ϓϦίϯύΠϧʹΑΔΫϥΠΞϯταΠυϨϯμϦϯά API Gateway͔Βͷσʔλऔಘ ίϯύΠϧͯ͠HTMLͷੜ੒ ϒϥ΢βͰͷඳը

Slide 32

Slide 32 text

·ͱΊ • αʔόϨεߏ੒ͷΞϓϦέʔγϣϯͷ։ൃ
 Λαϙʔτ͢Δπʔϧ͸ඞਢ • ͔͠͠·ͩ·ͩલྫ͕ͳ͍ͷͰυοάϑʔςΟϯάΛ
 ͭͭ͠։ൃख๏Λఆٛ͢Δඞཁ͕͋Δ • ೔ຊͰ͸·ͩ·ͩࣄྫ͕ͳ͍ͷͰࠓ͕νϟϯεʂ

Slide 33

Slide 33 text

·ͱΊ http://qiita.com/horike37 ࠓ೔঺հͨ͠ΞʔΩςΫνϟͷৄࡉ͸QiitaͷํʹιʔείʔυؚΊͯॻ͍͍ͯ·͢ ڵຯ͋Δํ͸ੋඇͷ͍ͧͯΈ͍ͯͩ͘͞

Slide 34

Slide 34 text

@Amimoto_Ami amimoto-ami.com THANK YOU! αʔόϨεΞʔΩςΫνϟͰͷAMIMOTOϢʔβμογϡϘʔυ։ൃ