$30 off During Our Annual Pro Sale. View Details »

肉を食べながらブログを書きたい / I want to blog while eating meat.

肉を食べながらブログを書きたい / I want to blog while eating meat.

shiro seike
PRO

July 08, 2023
Tweet

More Decks by shiro seike

Other Decks in Programming

Transcript

  1. べ が ブ グ
    JAWS 2023
    2
    0
    23
    .
    7
    .
    8


    @seike
    4
    60
    1

    View Slide

  2. @seike
    460
    -


    - @seike
    46
    0

    - Fusic


    - /


    - /

    -


    - JAWS-UG


    - JAWS Festa
    2023


    - Serverless Days
    2

    View Slide

  3. Agenda
    1
    .


    2
    .astro-notion-blog


    3
    .


    4
    .


    5
    .
    3

    View Slide

  4. 01 


    View Slide





  5. 5

    View Slide





  6. 6

    View Slide

  7. BBQ
    BBQ


    Blog or Meet


    7

    View Slide



  8. 8

    View Slide

  9. ...!


    9

    View Slide

  10. 10

    View Slide

  11. 02
    astro-notion-blog

    View Slide

  12. Notion
    Notion


    Todo



    Notion API API

    API JSON
    12

    View Slide

  13. astro-notion-blog
    otoyo OSS


    https://github.com/otoyo/astro-notion-blog



    Astro


    Notion CMS

    13

    View Slide

  14. Requirements
    README


    - Notion


    - Cloudflare Pages


    - Git


    SSG


    Cloudflare Pages
    14

    View Slide

  15. Notion



    Cloudflare

    GitHub PR

    wrangler CLI


    Notion

    PC


    GitHub PR

    15

    View Slide

  16. 03

    View Slide

  17. 17

    View Slide

  18. 18

    View Slide

  19. 19

    Notion

    View Slide

  20. 20

    Notion


    View Slide

  21. 21

    Notion




    API Gateway

    View Slide

  22. 22

    Notion




    API Gateway


    Step Functions

    View Slide

  23. 23

    Notion




    API Gateway


    Step Functions


    AWS Amplify

    View Slide

  24. 24

    Notion




    API Gateway


    Step Functions


    AWS Amplify


    CodeBuild Astro

    SSG

    View Slide

  25. 25

    Notion




    API Gateway


    Step Functions


    AWS Amplify


    CodeBuild Astro

    SSG


    SSG Notion

    View Slide

  26. 26

    Notion




    API Gateway


    Step Functions


    AWS Amplify


    CodeBuild Astro

    SSG


    SSG Notion



    View Slide

  27. 27

    Notion




    API Gateway


    Step Functions


    AWS Amplify


    CodeBuild Astro

    SSG


    SSG Notion





    View Slide

  28. 04

    View Slide

  29. Notion
    Notion


    Notion





    29

    View Slide

  30. IPhone Curl
    IPhone


    Web

    API Gateway



    API KEY
    30

    View Slide

  31. API Gateway
    API Gateway


    Serverless Framework

    Lambda
    
 

    Step Functions ⾒




    StateMaschineArn

    31

    View Slide

  32. Step Functions
    Step Functions


    Workflow Studio

    AWS Amplify






    AWS SNS Chatbot
    Slack
    32

    View Slide

  33. AWS Amplify
    GitHub


    https://github.com/otoyo/astro-notion-blog



    AWS Amplify


    README

    AWS Amplify



    - DATABASE_ID


    - NOTION_API_SECRET
    33

    View Slide

  34. JAWS 2023




    SNS

    34

    View Slide

  35. 35

    View Slide

  36. 36
    Notion
    Point
    1
    AWS
    Point
    2
    astro-notion-blog
    Point
    3
    Point
    4

    View Slide

  37. 37

    View Slide

  38. 38
    @east_takumi



    JAWS FESTA
    2 023
    in Kyushu


    View Slide

  39. Thank You
    We are Hiring !


    https://recruit.fusic.co.jp/

    View Slide