Amplify Boostup #2 monorepo 運用による複数プロジェクト開発

by cohe aoki

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Copyright © 2022 Purpom Media Lab Inc. All Rights Reserved. 最小からはじめてサービスを大きくしたい MVP（最小限のプロダクト）を早期に実際にユーザが触れることができる状態を継続的に構築します。お客様が実際にユーザー目線で触れ、フィードバックをすることで、大きなずれを防ぎます。またリリース後もフィードバックを通してアップデートすることで市場の指示が得られるサービスを構築することができます。

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Copyright © 2022 Purpom Media Lab Inc. All Rights Reserved. 1. ディレクトリを作る apps/ backend amplify nextApp1 src nextApp2 https://docs.aws.amazon.com/ja_jp/amplify/latest/userguide/monorepo-configuration.html - apps ディレクトリ配下にbackend 飲みのディレクトリ、フロントエンドディレクトリをそれぞれ作成 - backend は amplify init を行いバックエンド生成を実施。 - nextApp1, nextApp2 はnpx create-next-appを実行して生成します。

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Copyright © 2022 Purpom Media Lab Inc. All Rights Reserved. 4. Graphql のコードの生成場所の調整その1 - Amplifyが生成するGraphQL のコードをそれぞれに出力する - backend 配下に.graphqlconﬁg.yml を作成し、生成する場所を指定することが可能です。 - こちらは複数記述可能です。 - backend の中で amplify codegen を行うと指定したディレクトリに graqphql ディレクトリを作成することが可能です。

Slide 16

Slide 16 text

Copyright © 2022 Purpom Media Lab Inc. All Rights Reserved. 4. Graphql のコードの生成場所の調整その2 1. フロントエンドで aws appsync get-introspection-schema --api-id {API ID} --format JSON schema.json 2. .graphqlconﬁg.yml を作成、 schemePathは、1でダウンロードしたファイルを指定 3. amplify code gen で生成

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Copyright © 2022 Purpom Media Lab Inc. All Rights Reserved. 6.1 packages workspace を使う - root の package に packages を作って、nodemodules も monorepo 管理することもできます。 - 注意点 yarn classic では動作しますが、yarn berry 以降での動作が不安定です。他にもこのケースは動かないなどがあるようです。 - 反省）はまりどころが多いので、個人的には設定しなくても良いのではと思います。

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Copyright © 2022 Purpom Media Lab Inc. All Rights Reserved. ユースケース）アプリケーションの開発が進んだことによる functions 数の増加した - アプリケーションの開発が増えると function 数が増加します。 - 同じようなコードが増える。ライブラリの共通化 - デバッグの高速化が課題。解決策が二つ - lambda Layer - monorepo