Jamstack で開発すると 今までのつらみ😇がなくなって ちょっとコストも下がる話

Jamstackでの開発事例とその効果についてのLTです。

Transcript

1. Jamstack Ͱ։ൃ͢Δͱ
   ࠓ·ͰͷͭΒΈ͕ͳ͘ͳͬͯ
   ͪΐͬͱ
   ίετ΋Լ͕Δ࿩
   @shotaCoffee
   

   View Slide

2. ࣗݾ঺հ
   @shotaCoffee
   ॳΊͯͷLTͰ͢ʂ
   

   View Slide

3. ࠓ೔ͷ͓࿩
   αΠτ੍࡞ͰͷͭΒΈ
   1. CMSಋೖ
   2. ίʔυͷ؅ཧ
   3. Πϯϑϥ΍υϝΠϯͷ؅ཧ
   

   View Slide

4. ಋೖ·ΘΓ
   - WordPress
   - Ϩϯλϧαʔόʔ
   - υϝΠϯొ࿥αʔϏε
   

   View Slide

5. ͪ͝Όͪ͝Όͱ
   ΍Δίτͨ͘͞Μ
   

   View Slide

6. ͭΒ͍
   

   View Slide

7. ΫϥΠΞϯτϫʔΫͷ࣌
   - ͓٬͞Μͷ࿈བྷΛͻͨ͢Β଴ͭ
   - ͦͷҊ͚݅ͩ΍ΔΘ͚Ͱ΋ͳ͍
   

   View Slide

8. ಺੡ͷ࣌
   - ؔ܎෦ॺ࿈བྷ
   - ͪΐͬͱͨ͠ίτ͗ͯ͢ਃ͠༁ͳ͍
   

   View Slide

9. Α͋͘Διʔε
   

   View Slide

10. Jamstack ೖΕͯΈͨ
    

    View Slide

11. ͍ΖΜͳܗͰೖΕͯΈ·ͨ͠
    

    View Slide

12. ίϚϯυͷҰྫ
    

    View Slide

13. มߋՄೳੑͷ͋Δ΋ͷ͸શͯ
    APIʹ͢Δ
    - Ωϟονίϐʔ / ϛογϣϯϏδϣϯ
    - ϝχϡʔ
    - ձࣾ֓ཁ / ࣾһҰཡ
    - φϏήʔγϣϯ
    etc…
    

    View Slide

14. ۩ମతͳྫ
    

    View Slide

15. ݁ՌͲ͏ͳ͔ͬͨ
    • ฤूऀ͸͍ͭͰ΋αΠτͷίϯςϯπΛؾܰ
    ʹมߋͰ͖ΔΑ͏ʹ
    • ։ൃऀ͸Կ΋଴ͨͳͯ͘Α͘ͳΓαΫαΫ։
    ൃͰ͖ΔΑ͏ʹ
    

    View Slide

16. ݁ՌͲ͏ͳ͔ͬͨ
    • ίϯςϯπ؅ཧ΍ϗεςΟϯάͷαʔόʔ؅
    ཧඅ༻͕ࢥ͍͖ͬΓ࡟ݮʂʂ
    • ίϛϡχέʔγϣϯίετ͕Լ͕ͬͨͷͰ࣮
    ࣭αΠτϦϦʔε·Ͱମײ70%͘Β͍ίετ
    ࡟ݮͰ͖·ͨ͠ʂ
    

    View Slide

17. Jamstack Ͱ։ൃ͢Δͱ
    ࠓ·ͰͷͭΒΈ͕ͳ͘ͳͬͯ
    ͪΐͬͱ
    ίετ΋Լ͕Δ࿩
    @shotaCoffee
    

    View Slide