Tweet
Tweet

Slide 1

Slide 1 text

Cloudflare CRUD Cloudflare Meetup Okinawa Kick Off! 2 0 23 . 4 . 27 @seike 4 60 1

Slide 2

Slide 2 text

@seike 460 - - @seike 46 0
 - Fusic - / - / / 
 - - Fukuoka.php - Fukuoka.go - Serverless Meetup Fukuoka - Stripe_JP Fukuoka - Cloudflare Meetup Fukuoka 2

Slide 3

Slide 3 text

Cloudflare Meetup Fukuoka Vol. 1 3 2023/07/14( ) 19:00 21:00 Fusic Cloudflare Meetup Fukuoka Vol. 1

Slide 4

Slide 4 text

Agenda 1 .Cloudflare 2 . 3 . 4 . 4

Slide 5

Slide 5 text

01 Cloudflare

Slide 6

Slide 6 text

Cloudflare っCDN (Content Delivery Network) っDNS (Domain Name System) っDDoS っWAF (Web Application Firewall) っ (Cloudflare Workers) っ (Cloudflare Pages) 6

Slide 7

Slide 7 text

02

Slide 8

Slide 8 text

8

Slide 9

Slide 9 text

9

Slide 10

Slide 10 text

Cloudflare Meetup Okinawa Kick Off! 10

Slide 11

Slide 11 text

Cloudflare CRUD Cloudflare CRUD っCloudflare Pages っCloudflare Workers っCloudflare Workers D 1 SQL 
 っCI/CD GitHub Actions CI Cloudflare CD 11

Slide 12

Slide 12 text

Cloudflare Pages 
 - Jamstack - - SSL - - - Git - 12

Slide 13

Slide 13 text

Cloudflare Workers JavaScript WebAssembly - - - - Pages Functions D 1 Workers 13

Slide 14

Slide 14 text

Cloudflare Workers D 1 SQL - & - SQLite - Cloudflare Workers 14

Slide 15

Slide 15 text

CI/CD (Cloudflare Pages) GitHub Actions CI Cloudflare CD GitHub Actions CD Cloudflare 15

Slide 16

Slide 16 text

16

Slide 17

Slide 17 text

03

Slide 18

Slide 18 text

04

Slide 19

Slide 19 text

Hono.js HonoJS Cloudflare Workers 
 
 
 API 
 SvelteKit 19

Slide 20

Slide 20 text

Hono Examples https://github.com/honojs/examples Examples Blog KV D 1 Database 20

Slide 21

Slide 21 text

src/api.ts (select) 21 api.get (`URL`) Routing Api.get Model

Slide 22

Slide 22 text

src/model.ts (select) 22 D 1 Database Query 
 API

Slide 23

Slide 23 text

src/api.ts (Insert) 23 api.post (`URL`) Post Post Body Model

Slide 24

Slide 24 text

src/model.ts (Insert) 24 Post Body Insert ID UUID

Slide 25

Slide 25 text

25 HonoJS 
 D 1 Database R 2

Slide 26

Slide 26 text

SQL 26 ORM Prisma 
 Node.js Node.js API 2023/03/23) Prisma

Slide 27

Slide 27 text

04

Slide 28

Slide 28 text

28 Cloudflare Pages Point 1 Cloudflare Workers D 1 SQL Point 2 HonoJS Sample HonoJS Point 3 Cloudflare R 2 Prisma ORM ORM Point 4

Slide 29

Slide 29 text

Thank You We are Hiring ! https://recruit.fusic.co.jp/