Amplify で社内ツールを作ったら地方の新聞に取材してもらえた話 #ゆるWeb札幌

Amplify で作ったツールを取材してもらえたので、そこに至った経緯とまとめのお話。

https://mild-web-sap.connpass.com/event/185835/

Transcript

1. UBDDL
   ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
   "NQMJGZͰ
   ࣾ಺πʔϧΛ࡞ͬͨΒ
   ஍ํͷ৽ฉʹऔࡐͯ͠΋Β͑ͨ࿩
   
   

   View Slide

2. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
   ୭
   2
   PHP Conference Hokkaido 2019
   ໊લ ໦ݪ ୎໵ / ɹɹ@tacck
   ॴଐ
   גࣜձࣾϊʔεσΟςʔϧ

   ։ൃDivision ٕज़ਪਐGroup / Leader
   ओ࠵
   ΏΔWebษڧձ@ࡳຈ
   
   εϚʔτεϐʔΧʔͰ༡΅͏ձ@ࡳຈ
   ޷͖ͳ

   ϑΟΪϡΞεέʔτͷٕ
   εϓϨουɾΠʔάϧ
   

   View Slide

3. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
   3
   ๺ւಓݐઃ৽ฉ༷ࣾʹ
   औࡐɾهࣄܝࡌ௖͖·ͨ͠
   

   View Slide

4. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
   4
   https://e-kensin.net/
   

   View Slide

5. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
   5
   https://e-kensin.net/news/130243.html
   

   View Slide

6. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
   6
   ܦҢ
   

   View Slide

7. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
   ܦҢ
   7
   • ฐ͕ࣾ2݄ϏϧҠసͨ͠ࡍʹɺϑϦʔΞυϨεʹͳͬͨɻ
   
   • 4݄ޙ൒͔Βɺଟ͘ͷࣾһ͕ॱ࣍ϦϞʔτۈ຿ʹҠߦɻ
   
   • ݁Ռɺ୭͕Ͳ͜ʹ͍Δ͔Θ͔Βͳ͍ɻ
   
   • Amplify Ͱ্هղܾͰ͖ͦ͏ͳγεςϜ࡞੒ɻ

   (MVPΛ3ʙ4݄த०ɺϒϥογϡΞοϓʙϦϦʔε 6݄த०)
   

   View Slide

8. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
   ܦҢ
   8
   • ్தܦաɺٕज़ཁૉͳͲΛࣾ಺LTͰൃදɻ
   
   • ࣾ಺LTͷ༷ࢠΛɺࣗࣾϒϩάʹܝࡌɻ(޿ใܥ)
   
   • ٕज़ཁૉ΋ɺࣗࣾϒϩάʹܝࡌɻ(ٕज़ܥ)
   
   • ҰωλͰɺೋछྨͷΞ΢τϓοτ͕Ͱ͖ͨɻ
   

   View Slide

9. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
   ܦҢ
   9
   • ๺ւಓݐઃ৽ฉࣾ͞Μ͕ɺ

   ஍ํ(๺ւಓ)ͰʮϑϦʔΞυϨεʯͷࣄྫΛ

   ୳͍ͯͨ͠ɺΒ͍͠ɻ
   
   • ಛʹɺϑϦʔΞυϨεͷσϝϦοτ͕͋ͬͨ৔߹ʹɺ

   ͦΕΛղܾ͢ΔऔΓ૊ΈΛ΍͍ͬͯΔձࣾΛݟ͚͍ͭͨɻ
   
   • ݁Ռɺલड़ͷϒϩάʹώοτͨ͠ɺɺɺΒ͍͠ɻ
   

   View Slide

10. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    ·ͱΊΔͱ
    10
    • औࡐͯ͠΋Β͑ͨ
    
    • ৘ใൃ৴͍͔ͯͨ͠Β
    
    ࣾ಺ͷվળʹऔΓ૊ΜͰɺ৘ใ͕͔͋ͬͨΒ
    
    ৽ٕज़ʹऔΓ૊ΜͰɺ৘ใ͕͔͋ͬͨΒ
    
    ৘ใൃ৴͢Δ৔Λ࡞͍͔ͬͯͨΒ
    

    View Slide

11. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    11
    ࣾ಺ͷվળ
    

    View Slide

12. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    ࣾ಺ͷվળ
    12
    • ࢲͷॴଐ͢Δάϧʔϓ(ٕज़ਪਐάϧʔϓ)ͷ

    ϛογϣϯͷҰͭ (≠৘γε)
    
    • ৽͍ٕ͠ज़ɾࣾ಺Ͱఆண͍ͯ͠ͳ͍ٕज़Λɺ

    ࣾ಺ʹల։ɾܒ໤͍ͯ͘͠ɻ
    
    • ࣾ಺վળ͸ɺͦΕΛ࣮ݱ͢Δ͏͑Ͱ

    ͱͯ΋ྑ͍୊ࡐɻ
    

    View Slide

13. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    ࣾ಺վળˠٕज़঺հͷ୊ࡐ
    13
    • ՝୊͕ൺֱత໌֬
    
    • ࣗ෼͕ݟ͑Δൣғ͔ΒऔΓ૊Ί͹ɺ

    ࣗ෼͝ͱԽ͠΍͍͢ɻ
    
    • εςʔΫϗϧμʔ͕ൺֱత໌֬
    
    • ·ͣɺ্࢘ʹ֬ೝɻ
    
    • ࠔ͍ͬͯΔਓ΁ͷΠϯλϏϡʔ΋͠΍͍͢ɻ
    

    View Slide

14. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    14
    ৽ٕज़΁ͷऔΓ૊Έ
    

    View Slide

15. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    7VFKT"NQMJGZ
    15
    • ΄΅ϑϩϯτΤϯυͷΈͰߏஙՄೳ

    (ԿΛϑϩϯτΤϯυͱ͍͏͔໰୊͸͋Γ·͕͢)
    
    • αʔόʔͷΠϯελϯεɺ

    ͦΕʹඥͮ͘ηοςΟϯάɺ

    ͦ͜Ͱಈ͔͢ΞϓϦέγϣʔϯͷίʔσΟϯά

    → 0 (͍ΘΏΔ Serverless)
    
    • ϝΠϯ෦෼͸ɺ Lambda ͷΑ͏ͳϑΝϯΫγϣϯ΋ແ͠ɻ
    

    View Slide

16. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    ฐࣾͰͷ4FSWFSMFTTࣄ৘
    16
    • ࠓճͷΑ͏ͳɺServerless ͳϓϩμΫτ͸ɺ

    ࣾ಺Ͱ͸΄΅࣮੷ແ͠ɻ
    
    • Amplify Ͱͷ࣮੷͸ɺ౰વແ͠ɻ
    
    • Vue.js Ͱͷ࣮੷͸ଟ͍ɻ
    
    • ͦͷͨΊɺServerless ଆͷϊ΢ϋ΢ʹूதͯ͠ɺ

    औΓ૊Ήɻ
    

    View Slide

17. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    17
    

    View Slide

18. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    18
    

    View Slide

19. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    ։ൃͷྲྀΕ
    19
    • ࣮૷͸ɺCLIͰػೳͷઃఆɺ

    ϑϩϯτΤϯυͷ࣮૷ (git push)ɺ

    WebίϯιʔϧͰ֬ೝɺ

    ͱ͍͏ϑϩʔʹͳΔɻ
    
    • όοΫΤϯυ΍Πϯϑϥʹؔ͢Δҙࣝ͸ɺ։ൃத͸0ɻ
    

    View Slide

20. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    "NQMJGZͷٕज़తωλ͸ͪ͜ΒͰ
    20
    https://speakerdeck.com/tacck/amplify-api-graphql-gajian-dan-sugiteqi-ketekuru-number-jawsug-asa-number-jawsug
    

    View Slide

21. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    21
    ৘ใൃ৴ͷ৔
    

    View Slide

22. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    ฐࣾͷ৘ใൃ৴
    22
    • ࣾ֎޲͚ൃ৴ͷ৔
    
    • ࣗࣾϒϩά
    
    • ࣾ಺޲͚ൃ৴ͷ৔
    
    • ࣾ಺LTձ
    
    • ͲͪΒ΋ɺઃཱɾӡӦʹࢲͷάϧʔϓ΋ؔΘ͍ͬͯ·͢ɻ
    

    View Slide

23. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    ৘ใൃ৴ͷ৔
    23
    • Ξ΢τϓοτʹՁ஋͕͋Δɻ
    • Ξ΢τϓοτ͢ΔՁ஋Λ఻͑Δɻ
    • Ξ΢τϓοτ͠ͳ͍ͱɺ৘ใ͸(ਓؒͷهԱͱͱ΋ʹ)ফ͑Δɻ
    
    • Ξ΢τϓοτ͠ͳ͍ͱɺ୭΋ධՁͰ͖ͳ͍ɻ
    
    • ୭͔͕Ξ΢τϓοτ͢Δ͜ͱͰɺ

    ͭΒΕͯΞ΢τϓοτ͢Δਓ͕૿͍͑ͯ͘ɻ
    

    View Slide

24. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    24
    ܝࡌ͞Εͨ݁Ռ
    

    View Slide

25. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    ܝࡌ͞Εͨ݁Ռ
    25
    • ৽ฉܝࡌ࣌ʹ1݅ɺͦͷޙ਺݅ͷ໰߹ͤ͋Γɻ

    (औҾܦݧͷແ͍ձࣾ)
    
    • ·ͩӦۀతͳ੒Ռ͸ग़͍ͯͳ͍͕ɺ

    ϦΞΫγϣϯ͕΋Β͑ͨͱ͍͏ͷ͸ɺ

    ޿ใతʹ͸େ͖ͳϓϥεɻ
    

    View Slide

26. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    26
    ·ͱΊ
    

    View Slide

27. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    ·ͱΊ
    27
    • ࣾ಺ͷվળ͸େมɺ΍ͬͨΘΓʹใΘΕͳ͍ɺ͜ͱ΋͋Δɻ
    
    • Ͱ΋ɺখ͍͜͞ͱͰ΋࣮ࡍʹಈ݁͘Ռ͕͋Δͱɺ

    มΘΔ͜ͱ΋͋Δɺɺɺ͔΋ɻ
    
    • ͍ΘΏΔʮMVPʯΛࢼ͍ͨ͠ͳΒɺ

    ͪΐͬͱͨࣾ͠಺վળ͸ྑ͍୊ࡐɻ
    
    • ࣗ෼Λ৳͹ͨ͢Ίʹɺͪΐͬͱ͚ͩؤுͬͯΈͯ΋ྑ͍͔΋ɻ
    

    View Slide

28. ΏΔ8FCษڧձ!ࡳຈ0O-JOF ΏΔ8FCࡳຈ
    28
    &OE
    

    View Slide