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

メルペイのTypeScript活用 / TypeScript practical use in...

naughtLdy
October 02, 2019

メルペイのTypeScript活用 / TypeScript practical use in Merpay

naughtLdy

October 02, 2019
Tweet

More Decks by naughtLdy

Other Decks in Technology

Transcript

  1. 開発フロー GitHub flow Pull Request Lint / Unit Test Code

    Review Approved Build Save Container Image Deploy Container Image Create Container Image
  2. Nuxt.js + TypeScript 各プロジェクト共通の機能を package として開発 lerna を使って monorepo にしている

    • @merpay/api-client • @merpay/protoc-gen-jsonpb-ts • @merpay/tsconfig-merpay • vuex-typescript-fsa
  3. 開発について • エンジニアでAPIの仕様を決める • proto ファイルのレビューを Frontend, Backend 双方からする ◦

    全サービスの proto を管理しているリポジトリがあり、プルリクベースでレビューする ◦ proto から README も自動で作成される • proto ファイルを TypeScript に変換して開発する ◦ Frontend は mock API を使用して Backend と平行して開発を進めることができる
  4. protocol buffers メルペイでは API の定義に使用している • gRPC用に API仕様を定義するデータフォーマット • proto

    ファイルで API 仕様を定義し、各言語向けに変換して使う • TypeScript に変換することで型安全に開発することが容易になる https://developers.google.com/protocol-buffers/