フロントエンドも盛り上げたい！フロントエンドCBとAmplifyの軌跡

Transcript

1. ϑϩϯτΤϯυ΋
   ੝Γ্͍͛ͨʂ
   ϑϩϯτΤϯυ$#ͱ"NQMJGZͷي੻ 
   +"846(౦ژ
   "84
   $PNNVOJUZ
   #VJMEFST
   /JHIU
   .BTBDIJLB
   ,VXBCBSB
2. ࣗݾ঺հ ℬ
   ݪɹ੓
   ກ .BTBDIJLB
   ,VXBCBSB ॴଐ େࡕγʔϦϯάҹ࡮גࣜձࣾ اը੡൛ຊ෦γεςϜਪਐ՝՝௕ ࢓ࣄ ಺੡γεςϜ։ൃɾ%9ɾϚωδϝϯτ झຯ υϥΠϒɾ೔ຊञɾΫϨʔϯήʔϜ ίϛϡχςΟ ೥݄d
   ӡӦϝϯόʔ ˙"NQMJGZ
   +BQBO
   6TFS
   (SPVQ ˙"EPCF
   ϓϨϦϦʔεϓϩάϥϜ ɾɾ "EPCF
   JMMVTUSBUPS
   
   5PQ
   +BQBOFTF
   1SF3FMFBTF
   $POUSJCVUPST ΠϥϨʹ໊લࡌͬͯͨΑ👀 ࠷ۙͷ׆ಈ w೥݄
   +"846(େࡕ
   SF*OWFOU
   SF$BQ
   Ͱొஃ
   w೥݄
   'SPOUFOE
   BOE
   .PCJMFΧςΰϦͰ$#Tʹ
   w೥݄
   %BUBEPHͷ044ʹॳίϯτϦϏϡʔτ @mkdev_10
3. ϑϩϯτΤϯυ$#͸Կਓ͍Δͷ͔ͳʁ ίϛϡχςΟϏϧμʔʹͳͬͨ΋ͷͷɻɻɻ ن໛ײͳͲ·ͬͨ͘Θ͔Βͳ͍
4. "84ίϛϡχςΟϏϧμʔσΟϨΫτϦ IUUQTBXTBNB[PODPNKQEFWFMPQFSDPNNVOJUZDPNNVOJUZCVJMEFSTDPNNVOJUZCVJMEFSTEJSFDUPSZ wίϛϡχςΟϏΟϧμʔΛݕࡧͰ͖ΔαΠτɻΧςΰϦ΍஍ҬͳͲͰϑΟϧλՄೳɻ
   wݱࡏͰ͸೥͔Β೥౓ʹొ࿥͞Ε͍ͯΔϏϧμʔ͕ݕࡧͰ͖Δɻ
   wਃࠂ੍ͳͷͰશһ͕ొ࿥͞Ε͍ͯΔͱ͸ݶΒͳ͍ɻ
5. ϑϩϯτΤϯυ$#ͷਪҠʢάϩʔόϧͷਓ਺ʣ ΧςΰϦ͝ͱͷਪҠʢάϩʔόϧʣ ׂ߹   ొ࿥਺  ਓ wάϩʔόϧͷϑϩϯτΤϯυΧςΰϦͷొ࿥ऀ͸೥౓ʹ͸ܻ̍·Ͱམ͍ͪͯΔɻ
   wΧςΰϦશମͰҰ൪গͳ͍ɻ
6. ϑϩϯτΤϯυ$#ͷਪҠʢ೔ຊͷਓ਺ʣ ΧςΰϦ͝ͱͷਪҠʢ೔ຊʣ ׂ߹   ొ࿥਺  ਓ wਓ໊ొ࿥͞Ε͓ͯΓɺ೥Ҏ߱͸ҰਓҎ্͸ొ࿥͞Ε͍ͯΔɻ
   w೥͸໊ొ࿥͞Ε͍ͯΔɻʢάϩʔόϧͰਓͳͷͰɺ΄ͱΜͲ೔ຊʣ
7. ೔ຊʹ͸ੈքͰ།ҰʁͷϑϩϯτΤϯυίϛϡχςΟ͕͋Δ IUUQTBXTBNB[PODPNKQEFWFMPQFSDPNNVOJUZVTFSHSPVQT w"84ίϛϡχςΟαΠτͰϢʔβʔάϧʔϓΛݕࡧՄೳɻ
   wϑϩϯτΤϯυΧςΰϦͰ͸"NQMJGZ
   +BQBO
   6TFS
   (SPVQͷΈɻ
   wάϩʔόϧͰ΋͔ͭ͠ͳ͍ʢݕࡧʹώοτ͠ͳ͔ͬͨʣ ͚̍ͭͩ⁉
8. "NQMJGZΛ௨ͯ͡ϑϩϯτΤϯυ΋੝Γ্͍͛ͨ ࢲ΋"84
   "NQMJGZΛ௨ͯ͡"84ͷίϛϡχςΟͷྂʹ☺ ͦΜͳ஥ؒΛҰਓͰ΋ଟ͘࡞Γ͍ͨɾܨ͕Γ͍ͨ "84
   "NQMJGZ 9 "84ίϛϡχςΟ
9. "84
   "NQMJGZ
   ͱ͸
   w΢ΣϒΞϓϦ΍ϞόΠϧΞϓϦΛߏங͢ΔͨΊͷػೳΛఏڙͯ͘͠ΕΔ"84αʔϏεɻ
   
   w೥ͷ݄ʹϦϦʔε͞Εɺ೥݄ʹ(FOʹਐԽɻ
   w$%,ͷ౷߹ʹΑΔɺ$-*ϕʔε͔Β5ZQF4DSJQUϕʔεͷίʔυϑΝʔετͰͷόοΫΤϯυߏங͕Մೳɻ
10. "NQMJGZ
    (FOͱ͸ʁͬ͘͟Γਤղ "NQMJGZ
    #BDLFOE %BUB 'VODUJPOT "VUI 4UPSBHF "NQMJGZ
    6* όοΫΤϯυ $%, #FESPDLͳͲ جຊϦιʔε ֦ுϦιʔε 💡ϙΠϯτ 5ZQF4DSJQUʹΑΔϑϩϯτΤϯυͱόοΫΤϯυͷڞ௨ݴޠͰͷίϛϡχέʔγϣϯɻ
    ίʔυϑΝʔετࢦ޲ʹΑΔόοΫΤϯυͷఆٛɻ%9ʢ%FWFMPQFS
    &YQFSJFODFʣ͕޲্ɻ $%,ʹΑΔ֦ு $*$%ͰσϓϩΠ (JUϓϩόΠμ "NQMJGZ
    )PTUJOH /FYU ϑϩϯτΤϯυ 5ZQF4DSJQU όοΫΤϯυ ϑϩϯτΤϯυ ͳͲ ௒͑Δ "84Ϧιʔεͱͷ ౷߹
11. "NQMJGZ
    (FOͱ͸ʁͬ͘͟Γਤղ "NQMJGZ
    #BDLFOE %BUB 'VODUJPOT "VUI 4UPSBHF "NQMJGZ
    6* όοΫΤϯυ $%, #FESPDLͳͲ جຊϦιʔε ֦ுϦιʔε 💡ϙΠϯτ 5ZQF4DSJQUʹΑΔϑϩϯτΤϯυͱόοΫΤϯυͷڞ௨ݴޠͰͷίϛϡχέʔγϣϯɻ
    ίʔυϑΝʔετࢦ޲ʹΑΔόοΫΤϯυͷఆٛɻ%9ʢ%FWFMPQFS
    &YQFSJFODFʣ͕޲্ɻ $%,ʹΑΔ֦ு $*$%ͰσϓϩΠ (JUϓϩόΠμ "NQMJGZ
    )PTUJOH /FYU ϑϩϯτΤϯυ 5ZQF4DSJQU όοΫΤϯυ ϑϩϯτΤϯυ ͳͲ ௒͑Δ "84Ϧιʔεͱͷ ౷߹
12. "NQMJGZ
    (FOͱ͸ʁͬ͘͟Γਤղ "NQMJGZ
    #BDLFOE %BUB 'VODUJPOT "VUI 4UPSBHF "NQMJGZ
    6* όοΫΤϯυ $%, #FESPDLͳͲ جຊϦιʔε ֦ுϦιʔε 💡ϙΠϯτ 5ZQF4DSJQUʹΑΔϑϩϯτΤϯυͱόοΫΤϯυͷڞ௨ݴޠͰͷίϛϡχέʔγϣϯɻ
    ίʔυϑΝʔετࢦ޲ʹΑΔόοΫΤϯυͷఆٛɻ%9ʢ%FWFMPQFS
    &YQFSJFODFʣ͕޲্ɻ $%,ʹΑΔ֦ு $*$%ͰσϓϩΠ (JUϓϩόΠμ "NQMJGZ
    )PTUJOH /FYU ϑϩϯτΤϯυ 5ZQF4DSJQU όοΫΤϯυ ϑϩϯτΤϯυ ͳͲ ௒͑Δ "84Ϧιʔεͱͷ ౷߹
13. "NQMJGZ
    (FOͱ͸ʁͬ͘͟Γਤղ "NQMJGZ
    #BDLFOE %BUB 'VODUJPOT "VUI 4UPSBHF "NQMJGZ
    6* όοΫΤϯυ $%, #FESPDLͳͲ جຊϦιʔε ֦ுϦιʔε 💡ϙΠϯτ 5ZQF4DSJQUʹΑΔϑϩϯτΤϯυͱόοΫΤϯυͷڞ௨ݴޠͰͷίϛϡχέʔγϣϯɻ
    ίʔυϑΝʔετࢦ޲ʹΑΔόοΫΤϯυͷఆٛɻ%9ʢ%FWFMPQFS
    &YQFSJFODFʣ͕޲্ɻ $%,ʹΑΔ֦ு $*$%ͰσϓϩΠ (JUϓϩόΠμ "NQMJGZ
    )PTUJOH /FYU ϑϩϯτΤϯυ 5ZQF4DSJQU όοΫΤϯυ ϑϩϯτΤϯυ ͳͲ ௒͑Δ "84Ϧιʔεͱͷ ౷߹
14. "NQMJGZ
    (FOͱ͸ʁͬ͘͟Γਤղ "NQMJGZ
    #BDLFOE %BUB 'VODUJPOT "VUI 4UPSBHF "NQMJGZ
    6* όοΫΤϯυ $%, #FESPDLͳͲ جຊϦιʔε ֦ுϦιʔε 💡ϙΠϯτ 5ZQF4DSJQUʹΑΔϑϩϯτΤϯυͱόοΫΤϯυͷڞ௨ݴޠͰͷίϛϡχέʔγϣϯɻ
    ίʔυϑΝʔετࢦ޲ʹΑΔόοΫΤϯυͷఆٛɻ%9ʢ%FWFMPQFS
    &YQFSJFODFʣ͕޲্ɻ $%,ʹΑΔ֦ு $*$%ͰσϓϩΠ (JUϓϩόΠμ "NQMJGZ
    )PTUJOH /FYU ϑϩϯτΤϯυ 5ZQF4DSJQU όοΫΤϯυ ϑϩϯτΤϯυ ͳͲ ௒͑Δ "84Ϧιʔεͱͷ ౷߹
15. "NQMJGZ
    (FOͱ͸ʁͬ͘͟Γਤղ "NQMJGZ
    #BDLFOE %BUB 'VODUJPOT "VUI 4UPSBHF "NQMJGZ
    6* όοΫΤϯυ $%, #FESPDLͳͲ جຊϦιʔε ֦ுϦιʔε $%,ʹΑΔ֦ு $*$%ͰσϓϩΠ (JUϓϩόΠμ "NQMJGZ
    )PTUJOH /FYU ϑϩϯτΤϯυ 5ZQF4DSJQU όοΫΤϯυ ϑϩϯτΤϯυ ͳͲ ௒͑Δ "84Ϧιʔεͱͷ ౷߹ 💡ϙΠϯτ 8FCΞϓϦΛϗεςΟϯά͢Δ"NQMJGZ
    )PTUJOH΍044ͷ6*ϥΠϒϥϦ"NQMJGZ
    6*
    όοΫΤϯυΛߏங͢Δ"NQMJGZ
    #BDLFOEͳͲ"NQMJGZͷףΛ࣋ͭෳ਺ͷαʔϏεͰߏ੒
16. "NQMJGZ
    (FOͱ͸ʁͬ͘͟Γਤղ "NQMJGZ
    #BDLFOE %BUB 'VODUJPOT "VUI 4UPSBHF "NQMJGZ
    6* όοΫΤϯυ $%, #FESPDLͳͲ جຊϦιʔε ֦ுϦιʔε $%,ʹΑΔ֦ு $*$%ͰσϓϩΠ (JUϓϩόΠμ "NQMJGZ
    )PTUJOH /FYU ϑϩϯτΤϯυ 5ZQF4DSJQU όοΫΤϯυ ϑϩϯτΤϯυ ͳͲ ௒͑Δ "84Ϧιʔεͱͷ ౷߹ 💡ϙΠϯτ 8FCΞϓϦΛϗεςΟϯά͢Δ"NQMJGZ
    )PTUJOH΍044ͷ6*ϥΠϒϥϦ"NQMJGZ
    6*
    όοΫΤϯυΛߏங͢Δ"NQMJGZ
    #BDLFOEͳͲ"NQMJGZͷףΛ࣋ͭෳ਺ͷαʔϏεͰߏ੒
17. "NQMJGZ
    (FOͱ͸ʁͬ͘͟Γਤղ "NQMJGZ
    #BDLFOE %BUB 'VODUJPOT "VUI 4UPSBHF "NQMJGZ
    6* όοΫΤϯυ $%, #FESPDLͳͲ جຊϦιʔε ֦ுϦιʔε 💡ϙΠϯτ 8FCΞϓϦΛϗεςΟϯά͢Δ"NQMJGZ
    )PTUJOH΍044ͷ6*ϥΠϒϥϦ"NQMJGZ
    6*
    όοΫΤϯυΛߏங͢Δ"NQMJGZ
    #BDLFOEͳͲ"NQMJGZͷףΛ࣋ͭෳ਺ͷαʔϏεͰߏ੒ $%,ʹΑΔ֦ு $*$%ͰσϓϩΠ (JUϓϩόΠμ "NQMJGZ
    )PTUJOH /FYU ϑϩϯτΤϯυ 5ZQF4DSJQU όοΫΤϯυ ϑϩϯτΤϯυ ͳͲ ௒͑Δ "84Ϧιʔεͱͷ ౷߹
18. ମܥతʹֶ΂Δ͓͢͢ΊͷϫʔΫγϣοϓ 💡ϙΠϯτ ੜ੒"*ΞϓϦ։ൃΛ͔Βମܥతʹֶ΂Δָ͍͠ϫʔΫγϣοϓ ϫʔΫγϣοϓ "NQMJGZ
    #PPTUVQ :PV5VCF
    63- ࣌ؒ෼͝Ζ͔Β 4MJEF "84
    8PSLTIPQ
    63- 4QFBLFSEFDL
    63- -FBSOJOH
    1MBO
    (FOFSBUPS
    XJUI
    "84
    "NQMJGZ ੜ੒"*Λ࢖ֶͬͨशϓϥϯ࡞੒ΞϓϦΛ࡞ΕΔϫʔΫγϣοϓ "NQMJGZ
    #PPTU
    6Q
    Ͱ঺հ
    
19. ࡞੒Ͱ͖ΔΞϓϦʙը໘ભҠ 💡ϙΠϯτ ϑϩϯτ͸/FYUͱ"NQMJGZ
    6*Ͱߏங͞Ε͍ͯΔɻ
    ੜ੒"*͸#FESPDLΛ௨ͯ͠$MBVEF
    4POOFU͕ݺͼग़͞Ε͍ͯΔɻ 4UFQ
    
    ໾ׂɺϨϕϧͷࢦఆ 4UFQ
    
    ઃ໰΁ͷճ౴ʢઃ໰͸ੜ੒"*͕ੜ੒ʣ 4UFQ
    
    ֶशϓϥϯ͕ग़ྗ͞ΕΔʢੜ੒"*͕࡞੒ʣ 4UFQ
    
    ֶशϓϥϯͷอଘ
20. ͭͷΠνΦγ"NQMJGZΞοϓσʔτ  "NQMJGZ
    "*
    ,JU
     4UPSBHF
    #SPXTFS
    GPS
    4
     "NQMJGZ΁ͷ8"'ͷ౷߹
21. 
    "NQMJGZ
    "*
    ,JU w೥݄೔ʹ("
    🚀
    wόοΫΤϯυΛҙࣝͤͣΞϓϦʹ#FESPDLΛಋೖͰ͖Δɻ
    w3FBDUίϯϙʔωϯτ͕ఏڙ͞Ε͓ͯΓɺνϟοτ6*ͳͲ΋ര଎ Ͱ։ൃͰ͖Δɻ
22. ͲΕ͙Β͍؆୯͔ͱ͍͏ͱɻɻɻ 💡ϙΠϯτ dߦͷίʔυͰੜ੒"*ͱͷ࿈ܞΞϓϦ͕ര஀🚀 ˝ϑϩϯτΤϯυ ˝όοΫΤϯυ ίϯϙʔωϯτఆٛ %BUBεΩʔϚఆٛ ϑϩϯτΤϯυ όοΫΤϯυΤϯυ ˝ͨͬͨ͜Ε͚ͩͰ͜͏ͳΔ
23. ެࣜαϯϓϧ΋ॆ࣮ IUUQTHJUIVCDPNBXTTBNQMFTBNQMJGZBJFYBNQMFT Ϣʔβʔೖྗ͔ΒετʔϦʔͱૠֆΛ࡞੒
24. 
    4UPSBHF
    #SPXTFS
    GPS
    "NB[PO
    4 w೥݄೔ʹ("🚀
    wΞϓϦʹ4ͷϑΝΠϧϒϥ΢ζػೳΛ࣮૷Ͱ͖Δɻ
    w044ͷ"NQMJGZ
    6*͔Β3FBDUίϯϙʔωϯτ͕ఏڙ͞Ε͓ͯΓɺ ϑΝΠϧૢ࡞ʹؔ͢ΔجຊϩδοΫ͕උΘ͍ͬͯΔɻ
25. ׬੒Πϝʔδ 💡ϙΠϯτ "NQMJGZ
    6*͔ΒίϯϙʔωϯτΛಋೖ͢Δ͚ͩͰɺ4ͷϑΝΠϧϒϥ΢ζػೳΛ࣮૷Ͱ͖Δɻ
26. 
    "NQMJGZ΁ͷ8"'ͷ౷߹ w೥݄೔ʹ("🚀
    w"NQMJGZ
    )PTUJOHʹ8"'Λ؆୯ʹ௥ՃͰ͖Δɻ
    w*1ϒϩοΫ΍8FCϑΝΠΞ΢ΥʔϧͳͲΛϚωίϯͷ"NQMJGZα ʔϏε͔Β௥ՃՄೳɻ
27. ར༻Πϝʔδ 💡ϙΠϯτ "NQMJGZͷϚωʔδυίϯιʔϧ͔ΒϙνϙνઃఆՄೳ
28. ͪ͜ΒͷهࣄͰ·ͱΊͯ·͢ IUUQTRJJUBDPN.,@5FDIJUFNTDDFEDCFEEF IUUQTRJJUBDPN.,@5FDIJUFNTBDEEBEG "NQMJGZ
    "*
    ,JU 4UPSBHF
    #SPXTFS "84αϯϓϧΛϕʔεʹ"*ϞσϧͷมߋͳͲ ΞϓϦΧελϚΠζ͢Δํ๏Λ঺հ "NQMJGZͷελʔλʔςϯϓϨʔτ͔Β 4UPSBHF
    #SPXTFSΛηοτΞοϓ͢Δํ๏Λ ঺հ
29. 4/4΍ϒϩά
    ͰΞ΢τϓοτ🚀 IUUQT[FOOEFWNLEFWFMPQ IUUQTRJJUBDPN.,@5FDI @mkdev_10 IUUQTYDPNNLEFW@ 9 #MPH 2JJUB ;FOO 4MJEF IUUQTTQFBLFSEFDLDPNNLEFW
30. ࠂ஌
    ݄೔
    ࣌ʙ
    "NQMJGZ
    #PPTU
    6Q
    
    ։࠵
    🚀ɹ IUUQTBXTBNQMJGZKQDPOOQBTTDPNFWFOU ࢀՃ͸ίον☝ $POOQBTT "NQMJGZ
    "*
    ,JU
    Ͱ࣮ݱ͢Δl%FFQ
    4FBSDIz
    νϟοτΞϓϦ IUUQTEJTDPSEHHX72%/B %JTDPSE ɹΦϯϥΠϯϋϯζΦϯ "84
    ͕ఏڙ͢Δ৽͍͠πʔϧΩοτʮ"NQMJGZ
    "*
    ,JUʯΛ࢖ͬͯɺෳ਺ ͷ"*ΤʔδΣϯτ͕࿈ܞͯ͠ߴ౓ͳݕࡧɾର࿩Λ࣮ݱ͢Δ
    l%FFQ
    4FBSDIz
    νϟοτΞϓϦΛҰॹʹߏங͢ΔϋϯζΦϯΠϕϯτ
31. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠