Slide 1

Slide 1 text

MVP 2022/02/24 DeNA×Ubie×FiNC presents Yuku Kotani (@MonchiFC)

Slide 2

Slide 2 text

2 (@MonchiFC) ● Software Engineer @ Ubie Discovery ○ AI ● (B3) @ 2

Slide 3

Slide 3 text

3 ● Ubie MVP ● MVP

Slide 4

Slide 4 text

4 AI ● ● 2020 5 450 MAU ● TypeScript+Next.js / Kotlin+Spring Boot / GraphQL / Capacitor https://ubie.app

Slide 5

Slide 5 text

5 ● 2019 MVP ● 2020 5 2021 PMF 300 MAU ○ ● 2021 4 5 AI ○ Nuxt.js Next.js 1 ○ : https://zenn.dev/yuku/articles/a9edd53e13bb26

Slide 6

Slide 6 text

6 1 1

Slide 7

Slide 7 text

7 1 (SLO) SLO SLO SLO

Slide 8

Slide 8 text

8 1 1 1 ● toC toB ○ toC toB ● toC toB

Slide 9

Slide 9 text

9 現在 1つのコードベースに複数のサービスレベル AI 3 ● Next.js ● React ● 秩 Nuxt.js ● ● ●

Slide 10

Slide 10 text

10 1 ● SPA ● Web Storage Fastly Istio Next.js Nuxt.js React (Nginx) /foo/* /bar/* /* ubie.app

Slide 11

Slide 11 text

11 2

Slide 12

Slide 12 text

12 MVP ● ● src api constants controllers models services store utils v2 adapters controllers gateways transformers domains infrastructure useCases views components hooks layouts locales middleware pages plugins seo serverMiddleware static src api constants controllers models services store utils views components layouts locales middleware mixins pages plugins seo static

Slide 13

Slide 13 text

13 ● ● I/F Service (Usecase) Infra Something Else GraphQL (BFF) Web Storage Component Model

Slide 14

Slide 14 text

14 学び 中途半端なクリーンアーキテクチャ MVP - I/F - - - - I/F 秩

Slide 15

Slide 15 text

15 3

Slide 16

Slide 16 text

16 600 ● ● SEO ●

Slide 17

Slide 17 text

17 ● GraphQL BE ● BE ● dev-n BE ○ https://zenn.dev/ubie/articles/4c02baa037c5aa

Slide 18

Slide 18 text

18

Slide 19

Slide 19 text

19 MVP ● ● ●

Slide 20

Slide 20 text

20 ● ● ● ● ● / ●

Slide 21

Slide 21 text

21 FE/BE FE I/F Component Service (Usecase)

Slide 22

Slide 22 text

22 1 秩 toB modules Component Usecase Component Usecase toC modules Common logics

Slide 23

Slide 23 text

23 https://meety.net/matches/ivWSVUlcTGtZ TypeScript, React, Next.js, Capacitor, Kotlin, SpringBoot, Rails, DGS, GraphQL, GCP, Kubernetes, Fastly, Service Mesh, , , , Meety with