TypeScriptで統一したアーキテクチャ

by iseki

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

EventHub All Rights Reserved. EventHubとは 3 すべてのイベントを一気通貫でラクラク管理成果を最大化するNO.1イベントプラットフォーム※ ※ 日本マーケティングリサーチ機構調べ「オンラインイベント」に関する競合調査(2021年8月期) EventHubには、イベント開催に必要なあらゆる機能が揃っています。優れた操作性に加え、様々な形式のイベントに利用できるため、多くの企業・団体様に選ばれています。 ● 参加申込から当日開催、開催後アンケートまで対応 ● オンライン、オフライン、ハイブリッド形式全てのイベントタイプで利用可能 ● ウェビナー・カンファレンスなどを中心に、BtoBイベントの開催実績は1000件以上

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

EventHub All Rights Reserved. 製品-フェーズによって求められる要件 6 PSF(Problem Solution Fit)到達前顧客課題の発見・解決策の模索。できるだけコードは書かずに検証できるのが理想。 PMF(Product Market Fit) 到達前最適な顧客体験・プランの構築。将来の拡張性を考慮しつつ個人あたりの開発効率を向上させていく。 PMF(Product Market Fit)到達後更なる顧客拡大のために組織も拡大していきたい。個人あたりの開発効率も維持しつつ組織拡大させていく。１２３

Slide 7

Slide 7 text

EventHub All Rights Reserved. 組織-開発スタイル 7 ● EventHubは、スクラムによる開発を推進しており、フルサイクルを前提としています ● 一部のスペシャリストを除いて、エンジニアは原則、設計から開発・テスト、QA、リリース、O&M、サポートの全ての工程に携わります Design  Develop  QA  Deploy  O&M  Support  Fullcycle  Developer 

Slide 8

Slide 8 text

EventHub All Rights Reserved. 技術スタック 8 フロントエンド Typescript、React、styled-component バックエンド Typescript、Node.js、NestJS、TypeORM データベース MySQL インフラ AWS（Fargate、Elastic Beanstalk） CI CircleCI モニタリング Sentry、AWS CloudWatch

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

EventHub All Rights Reserved. Validationの統一 11 ● class-validatorを利用して、フロントエンド・バックエンドにおいて処理を統一 ○ 共通のクラスファイルを作成 ○ フロントエンドでリクエストする際にvalidationを実行 ○ バックエンドでリクエスト内容をvalidationを実行共通クラス NestJSでのバリデーションフロントエンドでのバリデーション