Upgrade to Pro — share decks privately, control downloads, hide ads and more …

先を見据えたMVPのフロントエンド開発

Yuku Kotani
February 25, 2022

 先を見据えたMVPのフロントエンド開発

DeNA×Ubie×FiNC presents 「とりあえず打った施策」のアンチパターン ~ 一旦はじめてみたけれど、うまくワークしなかった打ち手をぶっちゃけ公開 ~

https://techplay.jp/event/845155

Yuku Kotani

February 25, 2022
Tweet

More Decks by Yuku Kotani

Other Decks in Technology

Transcript

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

  2. 2 (@MonchiFC) • Software Engineer @ Ubie Discovery ◦ AI

    • (B3) @ 2
  3. 3 • Ubie MVP • MVP

  4. 4 AI • • 2020 5 450 MAU • TypeScript+Next.js

    / Kotlin+Spring Boot / GraphQL / Capacitor https://ubie.app
  5. 5 • 2019 MVP • 2020 5 2021 PMF 300

    MAU ◦ • 2021 4 5 AI ◦ Nuxt.js Next.js 1 ◦ : https://zenn.dev/yuku/articles/a9edd53e13bb26
  6. 6 1 1

  7. 7 1 (SLO) SLO SLO SLO

  8. 8 1 1 1 • toC toB ◦ toC toB

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

    秩 Nuxt.js • • •
  10. 10 1 • SPA • Web Storage Fastly Istio Next.js

    Nuxt.js React (Nginx) /foo/* /bar/* /* ubie.app
  11. 11 2

  12. 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
  13. 13 • • I/F Service (Usecase) Infra Something Else GraphQL

    (BFF) Web Storage Component Model
  14. 14 学び 中途半端なクリーンアーキテクチャ MVP - I/F - - - -

    I/F 秩
  15. 15 3

  16. 16 600 • • SEO •

  17. 17 • GraphQL BE • BE • dev-n BE ◦

    https://zenn.dev/ubie/articles/4c02baa037c5aa
  18. 18

  19. 19 MVP • • •

  20. 20 • • • • • / •

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

  22. 22 1 秩 toB modules Component Usecase Component Usecase toC

    modules Common logics
  23. 23 https://meety.net/matches/ivWSVUlcTGtZ TypeScript, React, Next.js, Capacitor, Kotlin, SpringBoot, Rails, DGS,

    GraphQL, GCP, Kubernetes, Fastly, Service Mesh, , , , Meety with