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

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

shiro seike
PRO
July 08, 2023
Programming
0
24

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

JAWS ミート 2023
https://jaws-ug-tokaido.connpass.com/event/276942/

shiro seike
PRO

July 08, 2023
Tweet

More Decks by shiro seike

See All by shiro seike
supabaseとSvelteKitで作るバックエンドレスなサーバーレスWebサイト / Creating with supabase and SvelteKit Backend-less serverless websites
seike460
PRO
3
1.5k
ディレクターを助ける為のBacklog API / Backlog API to help directors
seike460
PRO
0
29
決済のその先へ、顧客DBとして考えるStripe / Beyond payments, Stripe as a customer DB
seike460
PRO
0
170
アンチパターンに踏み込む -作って理解するサーバーレスPHPフレームワーク / Stepping into anti-patterns -Serverless PHP frameworks to build and understand -.
seike460
PRO
1
230
理解して導入するWebフレームワーク ~解決すべき課題に着目する~ / Understanding and implementing web frameworks ~focusing on the problems to be solved~
seike460
PRO
3
1.3k
Serverless PHPの中身に迫る Brefの中身を覗いてみよう / A look inside Serverless PHP Take a peek inside Bref
seike460
PRO
1
110
Supabaseって何？PHPから触ってみる / What is Supabase, and how to touch it from PHP?
seike460
PRO
0
18
フルサーバーレスのすゝめ / Practice of full serverless
seike460
PRO
0
210
フルサーバーレスアーキテクチャが支える運用とその価値 / Operations and the value supported by a full serverless architecture
seike460
PRO
0
130

Other Decks in Programming

See All in Programming
ABEMA モバイルアプリにおける 「アーキテクチャ」 / ABEMA Mobile Architecture (CA.swift #18)
akkyie
1
230
Voicyの生放送リスナー画面で パフォーマンスチューニングした話
miyuki2203
0
100
Spring + Localstack : usando aws de forma gratuita
kamilahsantos
2
110
DIY Python Debugger
parttimenerd
0
700
Organizational Pattern Hatching
koic
0
230
実践PubSubマイクロサービス / Implementation Pub Sub microservice
nrslib
3
930
[Helvetic Ruby 2023] Profiling Ruby tests with Swiss precision
palkan
0
260
Angular Architectures with Signals
manfredsteyer
PRO
2
200
VimConf 2023 Tiny
skanehira
1
210
Introducing Kotlin Multiplatform in an existing mobile app - Workshop Edition | DevFest Berlin 23
prof18
0
190
OSBT: OpenID Connect Scenario-Based Tester – CODE BLUE 2023
melonattacker
0
210
Visually experience the beauty of mathematics with p5.js
clown0082
0
1.5k

Featured

See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
152
14k
Mobile First: as difficult as doing things right
swwweet
214
8.3k
A better future with KSS
kneath
230
16k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
240
20k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
13
5.9k
BBQ
matthewcrist
76
8.5k
Stop Working from a Prison Cell
hatefulcrawdad
265
18k
Robots, Beer and Maslow
schacon
154
7.7k
Raft: Consensus for Rubyists
vanstee
130
6k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.4k
In The Pink: A Labor of Love
frogandcode
135
21k
Intergalactic Javascript Robots from Outer Space
tanoku
264
26k

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