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

#jawsug
#jawsugtohoku
https://jaws-tohoku.doorkeeper.jp/events/170103

Transcript

1. JAWS-UG 山形支部 May 05, 2024 事業会社の未経験エンジニアチームが 内製した2 つのWeb サービスの アーキテクチャを紹介します！ 三浦一樹 #jawsug #jawsugtohoku
2. Part 1: 自己紹介 Part 2: サービス紹介 Part 3: アーキテクチャ紹介 Part 4: 今後の課題
3. 自己紹介
4. 三浦一樹(みうみう) AWS Community Hero AWS Samurai 2019 北海道テレビ放送 平社員総合職エンジニア 開発チーム キャプテン @miu_crescent 金足出身
5. 三浦一樹(みうみう) 運営 JAWS-UG 札幌支部 Media-JAWS JAWS-UG 事務局 #CNDS2024 明日朝イチ新幹線 実行委員 参加 趣味:コミュニティ
6. 名古屋 千葉 CNDS 札幌 2024年6月 札幌
7. 三浦一樹(みうみう) 趣味:サウナ 🇫🇮 Sompa Sauna ホームサウナ センチュリオン
8. サービス紹介
9. 技術スタック Backend Frontend SaaS Communication
10. hod
11. hod htb オンライン
12. 内製で開発運用 ゼロスタートで4年目 2サービスを5人で回す hod htb オンライン
13. 0から1になれ
14. 2020.10〜 有料ライブ配信 ライブコマース ライブコマース イベント 2019.10〜 2020.05〜 2020.07〜 2020.10〜 有料ライブ配信 Lift & Shift VODオフロード Nuxt.js JavaScript 期間限定サービスで新技術を覚える
15. 2020.10〜 有料ライブ配信 ライブコマース ライブコマース イベント 2019.10〜 2020.05〜 2020.07〜 2020.10〜 有料ライブ配信 Lift & Shift VODオフロード Nuxt.js JavaScript 期間限定サービスで新技術を覚える 社内に聞ける人がいないので コミュニティで教えてもらったことを 素直にひとつひとつ実践していく
16. 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 開発 完全リニューアル 完全リニューアル 共通基盤の開発と運用 期間限定サービスで新技術を覚える
19. サービス開始して 気がつけば２年 hod htb オンライン
20. アーキテクチャ
21. 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 アーキテクチャ
22. 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 アーキテクチャ
23. 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
24. 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 アーキテクチャ
25. 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 アーキテクチャ
26. Amazon DynamoDB AWS Lambda AWS Step Functions だいぶ省略してまして...
27. Amazon DynamoDB AWS Lambda AWS Step Functions 300+ 100+ 40+ Funcitons State Machines Tables
28. AWS Step Functions こんなのが たくさん
29. Amazon DynamoDB AWS Lambda AWS Step Functions 300+ 100+ 40+ Funcitons State Machines Tables 最初は半分くらいだったはず、 、 2年で実施した大小100以上の機能改善の結果
30. 今後の課題
31. AppSync と DynamoDB がひどい EpisodeGroup 1対多 1対多 DynamoDB AppSync Program Connection ConnectionEpisode Episode 1対多 1対1 1対1 初期ロード時に 全てのデータを Recoil に格納 DynamoDB User ユーザ系のデータ（ログイン時） 番組情報は 全部で10MB くらい amplify-cli で、どんどん増やしちゃった 番組系のデータ
32. Gen 2 と CDK で リファクタする DynamoDB AWS Amplify Gen 1 Gen 2 CDK と .ts amplify-cli と スキーマファイル
33. AWS Lambda 300+ Funcitons Lambda ランタイムのバージョンアップ nodejs16.x ->nodejs.18.x たのしくない！！ node16 が200+ くらい SDK も上がるので大変 テスト書いてなかったのでJest の導入から... ついでにTS 化とCodeCatalyst でのCI/CD も 新しい技術たのしいをモチベーションに SDK v2 SDK v3
34. できれば、Lambda も減らしたい AWS Step Functions Lambda を使うのは SDK で表現できないとき 外のAPI を叩く時 State Machine のリファクタも進める！
35. がんばります！
36. ありがとうございました！