FlutterKaigi 2025 システム裏側

リポジトリはこちら: https://github.com/FlutterKaigi/2025

前日に半分寝ながらスライドを作っていたので、文章として成立しない箇所, おかしな表現があります🙏

Transcript

1. 2025.11.12 FlutterKaigi 2025 γεςϜཪଆ  FlutterKaigi 2025 લ໷ࡇLT
2. 0. ࣗݾ঺հ  • ඌ্ ྒྷଠ࿕ (͓ͷ͏͑ Γΐ͏ͨΖ͏) • X: @YumNumm (΋͙΋͙) • 2004.09.17ੜ·Ε (21ࡀ) • ਆಸ઒ݝࡏॅ --- Memo --- ɾۀ຿Ͱ͸Flutter, ϓϥΠϕʔτͰ͸TS, Πϯϑ ϥपΓͰ༡Ϳ ɾਂ໷×ૣேۦಈ։ൃ ɾࣗ୐ϥοΫαʔόຽ
3. 0. ࣗݾ঺հ  • Ԭࢁ ୡ࠸ (͓͔΍· ͨͭ΍) • X: @blendthink • 1991.12.16ੜ·Ε (33ࡀ) • େࡕ෎ࡏॅ --- Memo --- ɾকعɾຑ੃ɾϓϩάϥϛϯά ɾ೥຤͸࠺ͱϚϦΦΧʔτότϧָ͠Έ ɾFlutter ͷσεΫτοϓͰϚϧν΢Οϯυ΢ରԠ ೖͬͨͷͰ͍ͬͺ͍σεΫτοϓΞϓϦ࡞Γ͍ͨ
4. γεςϜߏ੒ mise-en-place - ؀ڥߏங... ໘౗... - mise-en-place(MEEZͱൃԻ) Λར༻ͯ͠ɺ FlutterҎ֎ͷ։ൃऀπʔϧ, ݴޠΛ͢΂ͯ ؅ཧ - bun, flutter, node, swift, uv, terraformͳͲͳͲ  https://mise.jdx.dev/
5. γεςϜߏ੒ mise-en-place - ؀ڥߏங... ໘౗... - mise-en-placeΛར༻ͯ͠ɺFlutterҎ ֎ͷ։ൃऀπʔϧ, ݴޠΛ͢΂ͯ؅ཧ - bun, flutter, node, swift, uv, terraformͳͲͳͲ  - ؀ڥม਺ͷઃఆ... ໘౗... - sopsΛར༻ͯ͠ɺ֤छ؀ڥม਺Λ҉߸Խ͠ ͯɺgitͰ؅ཧ - SupabaseͷDB Password, Access TokenͳͲΛ؅ཧͤ͞Δ - miseͱ࿈ܞͯ͠ɺ伴Λอ༗͍ͯ͠Δਓ͸ࣗಈ Ͱ؀ڥม਺ʹઃఆ͞ΕΔ https://github.com/getsops/sops
6. - DartͱTypeScriptͷ߹ٕͤ - apps/app: ެࣜΞϓϦ (Android, iOS, macOS, Web) - apps/website: ެࣜ΢ΣϒαΠτ (Jaspr) - bff/*: TypeScriptͷAPIͱύοέʔδ܈(BFFͱݴ͍ͭͭAPIͳͷ͸ποί·ͳ͍Ͱ΄͍͠) - packages/*: DartͷPackage - ύοέʔδ؅ཧ - Dart͸ melos 3 + Pub Workspaces - TypeScript͸Bun Workspaces + Turborepo - 7ͭ΄Ͳ͋ΔAPI(ޙड़)ΛҰൃͰσϓϩΠ σΟϨΫτϦߏ੒ 
7. APIߏ੒ Cloudflare Workers + ͘͞ΒΠϯλʔωοτ App Run - ڈ೥౓͸ɺ͢΂ͯͷAPIΛTypeScriptͰॻ͍͍ͯͨ - ࠓ೥͸ 💙Dart💙 🎯 - DartΛར༻͢Δ͜ͱͰ͜Μͳخ͍͜͠ͱ͕͋Δ - ΞϓϦͳͲͱݴޠ͕ಉ͡ͳͷͰɺܕ΍ϥΠϒϥϦ, طଘࢿ࢈Λڞ௨ԽͰ͖Δ 
8. APIߏ੒ Cloudflare Workers + ͘͞ΒΠϯλʔωοτ App Run - ڈ೥౓͸ɺ͢΂ͯͷAPIΛTypeScriptͰॻ͍͍ͯͨ - ࠓ೥͸ 💙Dart💙 🎯 - DartΛར༻͢Δ͜ͱͰ͜Μͳخ͍͜͠ͱ͕͋Δ - ΞϓϦͳͲͱݴޠ͕ಉ͡ͳͷͰɺܕ΍ϥΠϒϥϦ, طଘࢿ࢈Λڞ௨ԽͰ͖Δ - ͜͏͍͏৔ॴͰڳΛுͬͯʮDartͰAPI࡞ͬͯ·ͬ͢!ʯͬͯݴ͑Δ - ͨͩɺ͢΂ͯͷ࣮૷ͰDart͕༗ޮͳ༁Ͱ͸ແ͍ - طଘͷϥΠϒϥϦ͕ڧ͗͢Δ৔߹: Stripe APIͱͷ΍ΓऔΓ, Walletύεͷൃߦ - ར༻͢ΔαʔϏεͱͷ݉Ͷ߹͍: νέοτߪೖޙͷॲཧ(Cloudflare Workflows) - Docker imageΛ͘͞ΒΠϯλʔωοτͷApp RunʹσϓϩΠ͢Δ - Cloudflare WorkersͰϦΫΤετΛड͚औΓɺApp RunʹϓϩΩγͯ͠ॲཧ͢Δ  ͪͳΈʹ... Dart WebAssemblyΛCloudflare WorkersͰಈ͔࣮͢૷ -> Dart VMΛCloudflare Containers(linux/amd64)Ͱಈ͔͢ -> Dart VMΛ͘͞ΒΠϯλʔωοτ App Run β/CR൛(linux/amd64)Ͱಈ͔͢ ͷΑ͏ʹɺ։ൃ్தʹߏ੒Λେ͖͘ม͑ͨΓ͍ͯ͠·͢
9. APIߏ੒ 
10. ৄ͍ٕ͠ज़తͳ࿩͸ɺ೥຤·Ͱʹٕज़هࣄॻ͖·͢! -> ϥΠϒσϞ 
11. :: ࢿࡐஔ͖৔ :: 
12. APIߏ੒  - جຊతʹ΄΅͢΂ͯͷϦΫΤετ͸ɺCloudflare Workers͕ड͚Δ - ͜Ε͕࣮࣭తͳBFF - ޙड़͢Δ͕ɺDBఀࢭޙͷରࡦ - ·ͨɺ͘͞ΒͷApp RunͰো֐͕ى͖ͨͱ͖ʹɺ͜͜ͰΞΫηεઌΛ੾Γସ͑ͯ͋͛Δ͜ͱ΋Մೳ - (Cloudflare Workers͕୯Ұো֐఺ʹͳͬͯ͸͍Δ) APIͷྲྀΕ
13. APIߏ੒  - جຊతʹ΄΅͢΂ͯͷϦΫΤετ͸ɺCloudflare Workers͕ड͚Δ - ͜Ε͕࣮࣭తͳBFF - ޙड़͢Δ͕ɺDBఀࢭޙͷରࡦ - ·ͨɺ͘͞ΒͷApp RunͰো֐͕ى͖ͨͱ͖ʹɺ͜͜ͰΞΫηεઌΛ੾Γସ͑ͯ͋͛Δ͜ͱ΋Մೳ - (Cloudflare Workers͕୯Ұো֐఺ʹͳͬͯ͸͍Δ) - Dart੡ͷAPI͕ϦΫΤετΛॲཧ
14. APIߏ੒  - جຊతʹ΄΅͢΂ͯͷϦΫΤετ͸ɺCloudflare Workers͕ड͚Δ - ͜Ε͕࣮࣭తͳBFF - ޙड़͢Δ͕ɺDBఀࢭޙͷରࡦ - ·ͨɺ͘͞ΒͷApp RunͰো֐͕ى͖ͨͱ͖ʹɺ͜͜ͰΞΫηεઌΛ੾Γସ͑ͯ͋͛Δ͜ͱ΋Մೳ - (Cloudflare Workers͕୯Ұো֐఺ʹͳͬͯ͸͍Δ) - Dart੡ͷAPI͕ϦΫΤετΛॲཧ - Supabase Cloud(Postgres)ͱ௨৴͠ɺσʔλϕʔε΁ͷॲཧΛߦ͏
15. APIߏ੒  - Ұ෦ͷಛघͳϦΫΤετ͸ɺinternal-api-proxyΛ௨ͯ͡Cloudflare WorkersʹϦΫΤετΛసૹ - internal-api-proxy͸֎ͷΠϯλʔωοτʹ࿐ग़͍ͯ͠Δ - HTTP Header(X-API-KEY)Λར༻ͯ͠ɺBFF͔ΒͷϦΫΤετ͔ͦ͏Ͱͳ͍͔Λࣝผ -
16. APIߏ੒  - internal-api-proxy͸ɺ Cloudflare಺ʹଘࡏ͢Δ֤छ WorkerʹϦΫΤετΛసૹ r2-internal-api: ΦϒδΣΫτετ Ϩʔδ(R2)΁ͷૢ࡞Λߦ͏ stripe-internal-api: ܾࡁURLͷ ൃߦ, ܾࡁ׬ྃޙͷWebhookड͚औΓ& ॲཧ Websocket-api: ΞϓϦ͔ΒΞΫηε ՄೳͳWebSocketΤϯυϙΠϯτɻೖ ৔࣌,ϓϩϑΟʔϧަ׵࣌ͳͲʹϖΠ ϩʔυΛૹ৴͢Δ profile-share— internal-api: ϓϩϑΟʔ ϧަ׵ͷॲཧΛ୲͏
17. νέοτಡΈऔΓ ಡΈऔΒΕΔଆ(ࠨ)Ͱ͸ɺೖ৔ॲཧ׬ྃ௚ޙʹ௨஌&ೖ৔ࡁΈදࣔʹ੾ΓସΘΔ
18. ϓϩϑΟʔϧަ׵ ࠨ2ͭ(εϚϗ)͕ݸਓΞΧ΢ϯτ, PC͸ผͷΞΧ΢ϯτ ਺ඵޙʹ൓ө͞ΕΔ͜ͱ͕Θ͔Δɻ
20. FlutterKaigiऴྃޙ - SupabaseͷDBΛͣͬͱಈ͔ͬ͠ͺͳ ͠ʹ͢Δͷ͸ݱ࣮తͰ͸ͳ͍ - FlutterKaigi͕ऴΘͬͯམͪண͍ ͨΒDBΛࢭΊ͍ͨ -> GETܥAPIͷεφοϓγϣοτΛ ࡱͬͯɺBFFʹ௚ຒΊࠐΈͪ͠Ό͏ -> Cloudflare Workers͸ܹ҆ͳͷ Ͱɺϥϯχϯάίετ͸΄΅0ͷ·· APIΛ௕ੜ͖ͤ͞ΒΕΔ (Read-only) 
21. Terraform APIܥΛIaC - FlutterKaigi 2025Ͱ͸ɺTerraformΛར༻ͯ͠ ΠϯϑϥϦιʔεΛίʔυͰ؅ཧ͠·ͨ͠(IaC) - IaC (Infrastructure as a Code) - SupabaseͷΠϯελϯε, FirebaseͷϓϩδΣΫτ, ͘͞ΒΠϯλʔωοτͷApp RunͳͲΛ TerraformͰ؅ཧ - ͜ΕʹΑΓɺΠϯελϯεͷ্ཱͪ͛௚͠ͳͲΛ؆୯ʹߦ͑ΔΑ͏ʹͳͬͨ - ·ͨɺΠϯϑϥϦιʔεͷૢ࡞͕git্ʹ࢒ΔͨΊɺ؅ཧ͠΍͍͢ - ഁյ͢Δͱ͖΋ terraform destroyίϚϯυͰҰൃരൃ! 
22. CD Using GitHub Actions - FlutterKaigi 2025ͷެࣜΞϓϦ, WebαΠτͳͲ͸ GitHub ActionsΛ௨ͯࣗ͡ಈσϓϩΠ - [iOS, macOS] Xcode managed CertificatesΛར༻ͯ͠ɺূ໌ॻͷ؅ཧͳ͠ʹΞϓϦΛσϓϩΠ - [Android] [TODO] Google CloudͷWorkload Identity࿈ܞΛར༻ͯ͠ɺӅಗ৘ใ(αʔϏεΞΧ ΢ϯτͷJSON, TokenͳͲ)Λઃఆ͢Δ͜ͱͳ͘ɺPlay StoreʹόΠφϦΛΞοϓϩʔυ - [Web] Cloudflare WorkersΛར༻ͯ͠ɺPR࡞੒࣌ʹϓϨϏϡʔΛσϓϩΠ ...