次世代モバイル向けクラウドサービス AWS AppSyncを使って 店舗スタッフと顧客の体験を最大化する方法

࣍ੈ୅ϞόΠϧ޲͚Ϋϥ΢υαʔϏε  AWS AppSyncΛ࢖ͬͯ  ళฮελοϑͱސ٬ͷମݧΛ࠷େԽ͢Δํ๏

5 FDIOJDBM.BOBHFS $MBTTNFUIPE *OD :6,*468"

ΞδΣϯμ (SBQI2-ͱ͸ "84"QQ4ZODͱ͸ "84"QQ4ZODͰళฮελοϑͱސ٬Λͭͳ͙ "84"QQ4ZODΛ࢖͏্Ͱؾʹͨ͠ํ͕ྑ͍͜ͱ ·ͱΊ 5 min 10 min
10 min 10 min 5 min

(SBQI2-ͱ͸ w'BDFCPPL͕։ൃͨ͠8FC"1*ͷΫΤϦݴޠ ໰͍߹Θͤݴޠ wΫΤϦݴޠͰΞϓϦͱαʔόʔαΠυ͕΍ΓऔΓΛ͢Δ wΫϥΠΞϯτ͕ϨεϙϯεͷܗࣜΛܾΊඞཁͳσʔλ͚ͩऔಘ w3&45"1*ͷஔ͖׵͑ͱͯ͠঺հ͞ΕΔ͜ͱ͕ଟ͍

(SBQI2-ͷಛ௕ w"1*͕͔ͭ͠ͳ͍ͷͰ௨৴ॲཧ͕γϯϓϧ wܕ͕ϕʔεʹͳ͍ͬͯΔͷͰΞϓϦΤϯδχΞ͕৮Ε΍͍͢ wπʔϧपΓ͕๛෋ʢίʔυΛࣗಈੜ੒͢ΔπʔϧͳͲʣ

(SBQI2-͸ 8FC"1*ͷ࣍ͷύϥμΠϜ

3&45ͱ(SBQI2-ͷҧ͍

3&45"1*ͷ৔߹ GET /users GET /posts POST /posts 63-ͱ.FUIPEͰϦιʔεΛදݱ

(SBQI2-ͷ৔߹ POST /graphql ΫϥΠΞϯταʔόͷ΍ΓऔΓ͕ඇৗʹγϯϓϧʹͳΔ

(SBQI2-ͷ5 ZQF4ZTUFN

(SBQI2-ͰͷσʔλऔಘͷྲྀΕ type Query { getPosts: [Post] } type Post {
id: ID! title: String body: String createdAt: Int } query { getPosts { title body } } { “title”: “Hello”, “body”: “Hello!” }, { “title”: “Good”, “body”: “Good!” } εΩʔϚΛఆٛ ඞཁͳσʔλΛϦΫΤετ +40/Ͱऔಘ

2VFSZ.VUBUJPO4VCTDSJQUJPO type Query { getPosts: [Post] } type Mutation {
addPosts: Post } type Subscription { addedPost: Post } σʔλͷऔಘ σʔλͷߋ৽ σʔλͷߪಡ

(SBQI2-ͷ׆༻ࣄྫ w(JU)VC"1*W  IUUQTEFWFMPQFSHJUIVCDPNW w5IF/FX:PSL5JNFT  IUUQTXXXOZUJNFTDPN

"84"QQ4ZODͱ͸ w(SBQI2-ͷϚωʔδυαʔϏε w೥݄ʹҰൠར༻Մೳʢ("ʣʹ w%ZOBNP%#&MBTUJDTFBSDI-BNCEB)5513FRVFTUΛ౷߹ wϦΞϧλΠϜΦϑϥΠϯରԠ wJ04"OESPJE+BWB4DSJQU3FBDU/BUJWFͰ࢖͑Δ w$MPVE'PSNBUJPO͕αϙʔτ͍ͯ͠ΔͷͰ؆୯ʹߏஙͰ͖Δ

"84"QQ4ZOD0WFSWJFX

"84"QQ4ZODͷػೳ $MJFOU  ೝূॲཧɺΦϑϥΠϯॲཧͳͲ͕࣮૷ࡁΈ %BUB4PVSDF  %ZOBNP%#&MBTUJDTFBSDI-BNCEB)551  /PO%BUB4PVSDF͔Βࣗ༝ʹ૊ΈཱͯΒΕΔ *EFOUJUZ  (SBQI2-΁ͷϦΫΤετΛ"1*,FZ΍*".ɺ$PHOJUP 6TFS1PPMTɺ0QFO*%$POOFDUͰೝূͰ͖Δ

"84"QQ4ZODͷػೳ (SBQI2-1SPYZ  ϦΫΤετϚοϐϯά΍ίϯϑϦΫτղܾɺΞ Ϋηείϯτϩʔ ϧ 0QFSBUJPO  (SBQI2-΁ͷ2VFSZ.VUBUJPO4VCTDSJQUJPO "DUJPO  4VCTDSJCFS΁ͷ௨஌ 3FTPMWFS 
ϦΫΤετϨεϙϯεͷॲཧΛهड़

"84"QQ4ZOD͸ (SBQI2-Λϕʔεͱͨ͠ αʔόʔϨεΞʔΩςΫνϟΛ ߏங͢ΔͨΊͷϚωʔδυαʔϏε

ٕज़৘ใ͸%FWFMPQFST*0Ͱʂ IUUQTEFWDMBTTNFUIPEKQSFGFSFODFDBUBQQTZOD

"84"QQ4ZODͰ  ళฮελοϑͱސ٬Λͭͳ͙

Χελ ϚʔετʔϦ ʔ ϞόΠϧ খചܥ ϞόΠϧΞ ϓϦ   ։ൃɾ ӡ༻
αʔ Ϗε https://classmethod.jp/services/mobileapps/

ΧελϚʔετʔϦʔϞόΠϧͱ͸ wΫϥεϝιουͷΞϓϦ޲͚ͷ։ൃɾӡ༻αʔϏε wϞόΠϧΞϓϦɺ"1*ɺ؅ཧը໘Λఏڙ wॊೈͳίϯςϯπ؅ཧػೳΛఏڙ wطଘγεςϜͱͷ࿈ܞ΋ॊೈʹରԠ wϒϥϯυͱސ٬ͱͷͭͳ͕ΓΛ࡞ΔػೳʹಛԽ w࠷৽ͷ"84ͷαʔϏεΛ࠷େ׆༻ͨ͠ػೳΛఏڙ

νϟοτػೳʹ"84"QQ4ZODΛ࠾༻ wΞϓϦϢʔβʔͱγϣοϓελοϑ͕ར༻ w৽঎඼ͷ͓஌ΒͤͳͲΛνϟοτͰ΍ΓऔΓ https://classmethod.jp/cases/samanthathavasa/

ΞʔΩςΫνϟ Mobile Web

࠷΋େ͖ͳϝϦοτ͸ɺ։ൃޮ཰ w(SBQI2-ͷมߋ͕Χϯλϯ wσϓϩΠ΋Χϯλϯ wΞϓϦ։ൃͱͷ࿈ܞ΋Χϯλϯ wΞʔΩςΫνϟͷมߋ΋Χϯλϯ w࠷୹εϐʔυͰཁ๬ʹରԠ

ैདྷͷΞϓϦ։ൃ "1*ఆٛ 4FSWFS4JEF "QQMJDBUJPO ࣮૷ςετσϓϩΠ ࣮૷ςετσϓϩΠ

(SBQI2-ʹΑΔεΩʔϚϑΝʔετ։ൃ εΩʔϚఆٛ 4FSWFS4JEF "QQMJDBUJPO ࣗಈੜ੒ ࣗಈੜ੒

ϞόΠϧΞϓϦΤϯδχΞͷײ૝! w(SBQI2-ͷલఏ஌͕ࣝඞཁ͕ͩɺखܰʹར༻Ͱ͖ͨͷ͕ྑ͔ͬͨ wϦΫΤετ͕ͭͰࡁΉͷͰɺଟ͘ͷ৔߹Ͱ࣮૷͕γϯϓϧʹͳΔ wΫϥΠΞϯτ͕ࣗಈੜ੒͞ΕΔͷͰɺΞϓϦͷ࣮૷͸গͳͯ͘ࡁΉ wΞϓϦଆͰඞཁͳϓϩύςΟ͚ͩΛࢦఆͯ͠औಘͰ͖ΔͷͰޮ཰త wಛʹΫϩεϓϥοτϑΥʔϜͰ6*͕ҟͳΔ৔߹ͳͲʹద͍ͯ͠Δ

"84"QQ4ZOD࠷ߴʂ

͔͠͠ͳ͕Β ۜͷ஄ؙͰ͸ͳ͍

"84"QQ4ZODΛ࢖͏্Ͱ  ؾʹͨ͠ํ͕ྑ͍͜ͱ ☝

εΩʔϚͷڞ༗ϑϩʔ͸ߟ͓͑ͯ͘΂͖ʂ wεΩʔϚ͕֬ఆ͢Δ͜ͱ͸·͊ͳ͍ wߟྀ͕଍Γͳ͍৔߹͕ग़ͯ͘Δ wػೳ௥Ճ࣌ʹ͸มߋ͢Δඞཁ͕͋Δ wεΩʔϚมߋ͕ߦ͖౰ͨΓ͹ͬͨΓʹͳΔͱᴥᴪ͕ੜ·Ε΍͍͢ wগ͠ͷมߋ΋໋औΓ w*OUΛ*OUʹม͑Δͱ͔ʜ

͍ͭͰ΋Ͳ͜Ͱ΋࡞ΕΔΑ͏ʹ͠Α͏ w"QQ4ZODͷػೳ͕$MPVE'PSNBUJPOͰ໢ཏ w$MPVE'PSNBUJPOͷελοΫߋ৽΋ૣ͍ wႈ౳ʹԿݸ΋࡞ΕΔͷͰ w"QQ4ZOD։ൃϝϯόʔ͝ͱʹߏஙͨ͠Γ wΞϓϦͱͷ݁߹༻ʹ෼͚ͨΓ w؀ڥΛͨ͘͞Μ࡞ΕΔʂ

σόοά͸େม w.BOBHFNFOU$POTPMFͰ͸ೝূͰ͖ͳ͍ w͋ͱಥવηογϣϯ੾ΕΔͷͰࠔΔ w͋ͱ2VFSZ΍.VUBUJPO͕ٸʹফ͑ͯࠔΔ wΞϓϦͰؾܰʹࢼͤͳ͍ wಛʹฒߦͯ͠։ൃ͢Δ৔߹͸ඇৗʹඇޮ཰

React.js Client App͸؆୯ʂ wIUUQTEPDTBXTBNB[PODPNBQQTZODMBUFTUEFWHVJEF CVJMEJOHBDMJFOUBQQSFBDUIUNM wSFBDUDSFBUFBQQΛ࢖ͬͯ਽ܗ͔Βੜ੒͢Δ w"NQMJGZͱSFBDUBQPMMPͱHSBQIRMUBHΛࠞͥࠐΉ wσόοά͕ඞཁͳΫΤϦΛୟ͘

·ͱΊ

·ͱΊ w(SBQI2-͸8FC"1*ͷ࣍ͷύϥμΠϜɻ  ·ͣ͸৮Εͯࢼͯ͠ཧղ͠Α͏ɻ w"84"QQ4ZOD͸(SBQI2-ΛΤϯδϯͱͨ͠  ৽͍͠αʔόʔϨεΞʔΩςΫνϟͷΧλνɻ wίϛϡχέʔγϣϯπʔϧʹ࠷దɻ  Ϣʔβʔಉ࢜ͷؔ܎ߏஙʹ࢖͓͏ɻ wεΩʔϚۦಈ։ൃͰΞϓϦ։ൃΛޮ཰Խ͠Α͏ɻ

Χελ ϚʔετʔϦ ʔ ϞόΠϧ খചܥ ϞόΠϧΞ ϓϦ   ։ൃɾ ӡ༻
αʔ Ϗε ڵຯ͕ ͋Δ ํɺ   ͥ ͻ ͓ ؾ ܰ ʹ ͝ ࿈ བྷ ͘ ͩ ͞ ͍ ʂ https://classmethod.jp/services/mobileapps/

次世代モバイル向けクラウドサービス AWS AppSyncを使って 店舗スタッフと顧客の体験を...

次世代モバイル向けクラウドサービス AWS AppSyncを使って 店舗スタッフと顧客の体験を最大化する方法

More Decks by suwa yuki

Other Decks in Programming

Featured

Transcript

次世代モバイル向けクラウドサービス AWS AppSyncを使って 店舗スタッフと顧客の体験を...

次世代モバイル向けクラウドサービス AWS AppSyncを使って 店舗スタッフと顧客の体験を最大化する方法