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

事業会社の未経験エンジニアチームが内製した2つのWebサービスのアーキテクチャを紹介します!

 事業会社の未経験エンジニアチームが内製した2つのWebサービスのアーキテクチャを紹介します!

Kazuki Miura

May 10, 2024
Tweet

More Decks by Kazuki Miura

Other Decks in Technology

Transcript

  1. hod

  2. 2020.10〜 有料ライブ配信 ライブコマース ライブコマース イベント 2019.10〜 2020.05〜 2020.07〜 2020.10〜 有料ライブ配信

    Lift & Shift VODオフロード Nuxt.js JavaScript 期間限定サービスで新技術を覚える 社内に聞ける人がいないので コミュニティで教えてもらったことを 素直にひとつひとつ実践していく
  3. 2020.10〜 有料ライブ配信 ライブコマース ライブコマース イベント 2019.10〜 2020.05〜 2020.07〜 2020.10〜 有料ライブ配信

    Lift & Shift VODオフロード 完全リニューアル 2021.04〜 2021.08.29 〜 2021.10〜 リニューアル ちょっとだけ サーバーレス化 2022.04.28 〜 2022.03.01 〜 React GraphQL TypeScript Nuxt.js JavaScript 開発 完全リニューアル 完全リニューアル 共通基盤の開発と運用 期間限定サービスで新技術を覚える
  4. OIDC OIDC OIDC DynamoDB DynamoDB S3 MediaConvert S3 DynamoDB AppSync

    Lambda API-GW Step Functions API-GW Amplify Amplify BFF Frontend Backend CloudFront Momento Cache アーキテクチャ
  5. OIDC OIDC OIDC DynamoDB DynamoDB S3 MediaConvert S3 DynamoDB AppSync

    Lambda API-GW Step Functions API-GW Amplify Amplify BFF Frontend Backend CloudFront Momento Cache アーキテクチャ
  6. AWS Cloud AWS Amplify AWS AppSync AWS Lambda AWS AppSync

    AWS AppSync Merged API Source API Source API Query Momento Cache Amazon DynamoDB Get/Set
  7. OIDC OIDC OIDC DynamoDB DynamoDB S3 MediaConvert S3 DynamoDB AppSync

    Lambda API-GW Step Functions API-GW Amplify Amplify BFF Frontend Backend CloudFront Momento Cache アーキテクチャ
  8. OIDC OIDC OIDC DynamoDB DynamoDB S3 MediaConvert S3 DynamoDB AppSync

    Lambda API-GW Step Functions API-GW Amplify Amplify BFF Frontend Backend CloudFront Momento Cache アーキテクチャ
  9. Amazon DynamoDB AWS Lambda AWS Step Functions 300+ 100+ 40+

    Funcitons State Machines Tables 最初は半分くらいだったはず、 、 2年で実施した大小100以上の機能改善の結果
  10. AppSync と DynamoDB がひどい EpisodeGroup 1対多 1対多 DynamoDB AppSync Program

    Connection ConnectionEpisode Episode 1対多 1対1 1対1 初期ロード時に 全てのデータを Recoil に格納 DynamoDB User ユーザ系のデータ(ログイン時) 番組情報は 全部で10MB くらい amplify-cli で、どんどん増やしちゃった 番組系のデータ
  11. Gen 2 と CDK で リファクタする DynamoDB AWS Amplify Gen

    1 Gen 2 CDK と .ts amplify-cli と スキーマファイル
  12. AWS Lambda 300+ Funcitons Lambda ランタイムのバージョンアップ nodejs16.x ->nodejs.18.x たのしくない!! node16

    が200+ くらい SDK も上がるので大変 テスト書いてなかったのでJest の導入から... ついでにTS 化とCodeCatalyst でのCI/CD も 新しい技術たのしいをモチベーションに SDK v2 SDK v3