Hugo で作ったブログに閲覧数ランキングが欲しい!

Talked at ビヨ勉 #38
https://beyondjapan.connpass.com/event/280427/

- 解説ブログ: https://track3jyo.com/2023/04/hugo-ranking-widgets/
- Amplify Hosting について: https://speakerdeck.com/track3jyo/architecting-for-startup?slide=40

Transcript

1. ͸·ʔΜ(@track3jyo)
   Hugo で作ったブログに
   
   
   閲覧数ランキングが欲しい！
   

   View Slide

2. WHO??
   はまーん / track3jyo
   
   
   AWS /Sr. Solutions Architect, Startup
   
   
   ----
   
   
   • 過去のスライド: https://speakerdeck.com/track3jyo
   
   
   • 最近はおうちアーキテクトな人
   

   View Slide

3. ςοΫϒϩάॻ͍͍ͯ·͔͢ʁ
   

   View Slide

4. ๻ͷݸਓϒϩάͰ͢
   https://track3jyo.com/
   

   View Slide

5. Hugo + Amplify Hosting
   • Hugo
   
   
   • GoݴޠͰ࡞ΒΕͨ OSS ͷ੩తαΠτδΣωϨʔλ
   
   
   • ੩తαΠτͳͷͰDBͱ͔ͳ͍
   
   
   • ϚʔΫμ΢ϯͰϒϩάΛࣥචՄೳ
   
   
   • Amplify Hosting
   
   
   • ੩తαΠτϗεςΟϯάʹಛԽͨ͠ϚωʔδυαʔϏε
   
   
   • Ϟμϯ΢ΣϒϑϨʔϜϫʔΫΛαϙʔτ ɹɹɹ
   (React, Angular, Vue, Next.js, Gatsby, Hugo, Jekyll ͳͲ)
   → ੩తαΠτδΣωϨʔλʔͰ͔͠ͳ͍ͷͰɺӾཡ਺Λอ࣋ͨ͠Γ
   
   
   ͦΕʹԠͯ͡ίϯϙʔωϯτΛग़͠෼͚Δ͜ͱ͸Ͱ͖ͳ͍ɻ
   

   View Slide

6. ӾཡهࣄϥϯΩϯάػೳΛ
   
   
   AWS Λ࢖ͬͯ࡞Γ·͢
   

   View Slide

7. Ͱ͖͕͋ͬͨ΋ͷ͕ͪ͜ΒͰ͢
   

   View Slide

8. γεςϜΞʔΩςΫνϟ
   

   View Slide

9. 実はこの機能のために
   
   
   コードはほぼ書いていません
   

   View Slide

10. 構成要素紹介
    

    View Slide

11. Amazon AppFlow
    • 2023/5/11ݱࡏɺ76 ͷ SaaS ੡඼΍
    AWSαʔϏεͱ౷߹Մೳ
    
    
    • ྫ
    
    
    • SaaS: Google Analytics4,
    Salesforce, Snow
    fl
    ake, Stripe,
    Slack, Github, Zendesk...etc
    
    
    • AWS: S3, Redshift, RDS for
    PostgreSQL, EventBridge...etc
    SaaS ΞϓϦ΍ S3 ͷΑ͏ͳ AWS αʔϏεؒͷσʔλ࿈ܞΛ
    
    
    ϊʔίʔυͰ࣮ݱ͢ΔϚωʔδυαʔϏε
    

    View Slide

12. AWS Glue DataBrew
    ϊʔίʔυ͔ͭࢹ֮తʹσʔλͷม׵δϣϒΛ
    
    
    ࡞੒ɾ؅ཧɾ࣮ߦ͢Δ ETL αʔϏε
    

    View Slide

13. AWS Glue DataBrew
    σʔλͷϑΟϧλϦϯάɺूܭɺؔ਺Λ࢖ͬͨ৽͍͠ྻͷ࡞੒ɺ
    ෳ਺ྻͷ݁߹ɺϑϥά஋ͷ࡞੒ɺܽଛ஋ͷิ׬ɺਖ਼نԽ...etc
    

    View Slide

14. Amazon EventBridge Scheduler
    ϚωʔδυͳαʔόʔϨεεέδϡʔϥʔ
    • λεΫͷ࡞੒ɾ࣮ߦɾ؅ཧ
    
    
    • 270 Λ͑͜Δ AWS αʔϏεͷ
    6000 ͍ۙ API ΞΫγϣϯΛ௚઀࣮
    ߦՄೳ
    
    
    • λΠϜκʔϯࢦఆՄೳ
    
    
    • ϦτϥΠϙϦγʔɾσουϨλʔ
    Ωϡʔ
    
    
    • ӡ༻ͷࣗಈԽɾόονॲཧͳͲ
    

    View Slide

15. Amazon EventBridge Scheduler
    ϫϯγϣοτͳεέδϡʔϦϯά΋ՄೳͰɺϏδωεϩδοΫͷ஗Ԇ࣮ߦʹ΋
    
    
    ex. Ϣʔβʔ͕ղ໿Λ࣮ߦˠ࢒Γͷܖ໿ظ͕ؒա͗ͨޙʹ࡟আॲཧ౳࣮ࢪ
    

    View Slide

16. γεςϜΞʔΩςΫνϟ
    

    View Slide

17. ϒϩάʹ΋͏গ͠ৄࡉʹ·ͱΊ·ͨ͠
    https://track3jyo.com/2023/04/hugo-ranking-widgets/
    

    View Slide

18. ͱ͜ΖͰɾɾɾ
    

    View Slide

19. ςοΫܥͷهࣄશવݟΒΕͯ΁Μͷ͔͍ʂʂʂ
    

    View Slide

20. Thank you for your attention!!
    
    
    please follow me @track3jyo
    

    View Slide