Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

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

Kihara, Takuya

August 24, 2020
Tweet

More Decks by Kihara, Takuya

Other Decks in Technology

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