comilioとCloudflare、そして未来へと向けて

2025年01月16日「Cloudflare Workers Tech Talks in Tokyo #4」にて発表した資料です。
https://workers-tech.connpass.com/event/341209/

Transcript

1. comilioͱCloud fl areɺͦͯ͠ະདྷ΁ͱ޲͚ͯ 2025/01/16 Cloud fl are Workers Tech Talks in Tokyo #4 ͓Γ͹ʔʢ@oliver_diaryʣ
2. ཹҙ͢΂͖఺ ©︎ u2tech • ελʔτΞοϓʢ0 → 1ʣʹ͓͚ΔCloud fl areར༻ྫͰ͋Δ͜ͱ
 → େن໛ࣄྫͰ͸ͳ͍ͷͰɺͦ͜ʹ͍ͭͯ͸ࠓճ͸৮Εͳ͍ • ϓϥοτϑΥʔϜ͝ͱͷར఺΍ಛੑΛҙࣝ͢Δ͜ͱ
 → 1ͭͷϓϥοτϑΥʔϜͰ׬݁ͤ͞Δ࣌୅Ͱ͸ͳ͘ͳ͍ͬͯΔͱࢥ͏ • ͳΔ΂࣮͘ࡏ͍ͯ͠Δίʔυʹد͍ͤͯ·͕͢ɺηΩϡϦςΟͷ౎߹ͰҰ෦ ίʔυΛվม͍ͯ͠·͢
 → ࢀߟʹ͢Δ৔߹͸ɺࣗ਎Ͱվม͍ͯͩ͘͠͞
3. աڈͷهࣄ ©︎ u2tech
4. աڈͷهࣄ ©︎ u2tech
5. ࣗݾ঺հ 2023೥1݄: גࣜձࣾϢʔπʔςοΫ ૑ۀ
 2024೥11݄: ʮcomilioʯϦϦʔε ʲࢿ֨ʳ ɾ৘ใॲཧ҆શ֬อࢧԉ࢜ʢొ࿥൪߸: 020452ʣ ɾσʔλϕʔεεϖγϟϦετ ɾωοτϫʔΫεϖγϟϦετ ɾԠ༻৘ใٕज़ऀ ©︎ u2tech ͓Γ͹ʔʢX: @oliver_diaryʣ
6. comilioͱ͸ ©︎ u2tech • 2024೥11݄5೔ʹϦϦʔε • CtoCͷອը౤ߘϓϥοτϑΥʔϜ • ϑΝϯΫϥϒʢύτϩϯʣػೳ͕಺แ͞Ε ͍ͯΔ • ʮແྉʯʮ༗ྉʯʮϑΝϯΫϥϒݶఆʯͷ ອըΛ౤ߘͰ͖Δ
7. ߏ੒ਤ ©︎ u2tech
8. R2 όοΫΤϯυҰମܕʢϩʔΧϧ؀ڥͳͲʣ όοΫΤϯυ෼཭ܕʢIPݻఆԽͳͲͷཁ݅ʣ ΫϥΠΞϯτ ωοτϫʔΫίετ
 ͕ߴ͍΍ͭ Τοδ૚ Database DB૚ ܾࡁAPI R2/GCS༻API ը૾഑৴API ܭଌAPI ୹ॖURL API ͦͷଞ͍Ζ͍ΖͳAPI / όον ©︎ u2tech
9. R2 R2/GCS༻API ը૾഑৴API ܭଌAPI ୹ॖURL API Zero Trust Access ؅ཧը໘ ӡӦ Ϣʔβʔ Google Cloud Email Routing Slack Images ©︎ u2tech
10. ͳͥCloud fl areΛબ୒͢Δ͔ ©︎ u2tech • ίετ͕͍҆
 → σʔλΤάϨε͕ແྉɺແྉͰͰ͖Δ͜ͱͷଟ͞ • Ωϟογϡͷѻ͍΍͢͞
 → CDNΩϟογϡΛ؆୯ʹར༻ɾૢ࡞͕Ͱ͖Δ • ΤοδίϯϐϡʔςΟϯάͷѻ͍΍͢͞
 → Cloud fl are WorkersͰͰ͖Δ͜ͱ͕ͱͯ΋ଟ͍
11. ը૾഑৴API • ʮcomilioʯ͸ອըͱ͍͏ಛੑ্ɺը૾഑৴͕த৺ • Cloud fl are Workers͔Β഑৴͢Δ͜ͱͰʮίετͷ ໘ʯͱʮॲཧͷ໘ʯͰେ͖ͳΞυόϯςʔδ͕͋Δ • ʮίετͷ໘ʯ͸σʔλΤάϨε͕0ԁͰ͋Δ͜ͱ • ʮॲཧͷ໘ʯͰ͸ɺը૾ͷʮಈతͳ࠷దԽʯ΍ʮηΩϡ ΞͳॲཧʯɺʮΩϟογϯάʯͳͲΛߦͳ͍ͬͯΔ ©︎ u2tech
12. ը૾഑৴API ©︎ u2tech ॺ໊URLͰϦΫΤετΛड͚औΔ͜ͱͰ
 ؆୯ʹը૾Λอޢ͢Δ͜ͱ͕Ͱ͖Δ waitUntilͰϨεϙϯεޙʹ
 ϨεϙϯεΛෳ੡ͯ͠Ωϟογϡͤ͞Δ
13. ը૾഑৴API ©︎ u2tech GCS΁ͷը૾σʔλऔಘΛ
 ϓϩΩγ͍ͯ͠Δ GCSͷը૾σʔλऔಘ࣌ʹ
 ը૾ͷϦαΠζͱѹॖΛ͍ͯ͠Δ Ωϟογϡ͕ଘࡏ͢Ε͹
 GCSʹΞΫηεͤͣϨεϙϯε͍ͯ͠Δ
14. R2/GCS༻API ©︎ u2tech • comilio͸ɺPrivateͳGCS΍R2΁ͷΞΫηεΛผͷCloud fl are Workers
 ʢผυϝΠϯʣͰ؅ཧ͍ͯ͠Δ • ཧ༝ͷ1ͭ͸ɺجຊతʹυϝΠϯϨϕϧͰΩϟογϡ΍ηΩϡϦςΟ͸؅ ཧ͍͔ͨ͠Β • ΋͏Ұͭͷཧ༝͸ɺWokersͰR2ͷը૾Λม׵͢Δ৔߹͸fetchܦ༝
 ʢݫີʹ͸HTTPܦ༝ʣ͡Όͳ͚Ε͹ʢݱঢ়ʣม׵΍ѹॖ͕Ͱ͖ͳ͍࢓༷ ͱͳͬͯΔͨΊʢଟ෼͜͜ͷAPIࠓޙग़͖ͯͦ͏ͳؾ͕͢Δʣ
15. ©︎ u2tech privateͳόέοτͳͨΊ ೝূΛߦ͍ͬͯΔ R2͔ΒσʔλΛऔಘ͍ͯ͠Δ ೦ͷͨΊ͜͜Ͱ΋Ωϟογϡ͢Δ R2/GCS༻API
16. ©︎ u2tech R2ͷը૾σʔλΛฦ͢
 Workers΁ͷϦΫΤετURLΛఆٛ fetchܦ༝ͰR2ͷը૾σʔλΛ
 औಘͭͭ͠ม׵͍ͯ͠Δ R2/GCS༻APIʢݺͼग़͠ଆʣ
17. ܭଌAPI ©︎ u2tech • ʮcomilioʯͰ͸Cloud fl are WorkersΛ࢖ͬͯPVͳͲͷܭଌΛߦ͍ͬͯΔ • ອըͷϖʔδ͕Ί͘ΒΕΔͨͼʹܭଌ͢ΔͨΊɺ૬౰਺ͳϦΫΤετΛ ࡋ͔ͳ͚Ε͹͍͚ͳ͍ͱ͍͏લఏ͕͋Δ • େྔϦΫΤετ࣌ʹܽଛͳ͘εέʔϧͰ͖Δαʔόʔ͕ඞཁͳͨΊɺ Cloud fl are Workers͕લஈͱͯ͠͸࠷దͱ൑அ • ໰୊͸Workers಺͔ΒͲͷΑ͏ʹͯ͠DBʹॻ͖ࠐΉ͔
18. ܭଌAPI ©︎ u2tech ౰ॳͷ࡞ઓ ܭଌAPI Cloud fl are Queues BigQuery Cloud fl are Workers → QueuesͰϦΫΤετΛۉͯ͠ॲཧ͢Δ͜ͱ͕؆୯ʹͰ͖Δ
19. ܭଌAPI ©︎ u2tech ݁ہ͜͏ͳΓ·ͨ͠… ܭଌAPI Google Cloud Pub/Sub BigQuery Cloud fl are Workers → Pub/SubͱBQͷ࿈ܞ͕ਆ͗ͨ͢…
20. Cloud fl are Access ©︎ u2tech
21. ؅ཧը໘ͷӡ༻ ©︎ u2tech → WARP + GitHub OAuth
 Ͱ؅ཧը໘Λอޢʂ • comilioͷ؅ཧը໘͸ʮCloud fl are Zero Trustʯͷػೳͷ1ͭͰ͋ΔʮCloud fl are AccessʯΛར༻ͯ͠ೝূ͍ͯ͠Δ • WARP͕࢖ΘΕͯͯಛఆͷGitHub Organizationʹଐ͍ͯ͠Ε͹ΞΫηε͕ Մೳͱ͍͏ઃఆʹ͍ͯ͠Δ • ৚͕݅߹க͠ͳ͍ͱΞΫηεͯ͠΋ comilio.appʹϦμΠϨΫτ͞ΕΔ
22. ©︎ u2tech → ઃఆ؆୯͗͢…ແྉ࿮σΧ͗͢… ӡӦ ؅ཧը໘ Cloud fl are Access ؅ཧը໘ͷӡ༻
23. খωλ ©︎ u2tech
24. Email Routing ©︎ u2tech • ΊͪΌͪ͘Ό؆୯ʹϝʔϧΞυϨεΛసૹͰ͖Δ • u2techͰ͸Gmail΁ͷసૹͱSlack΁ͷసૹΛར༻ͯ͠Δ • Cloud fl are WorkersͰॲཧ͢Δ͜ͱ΋Մೳ Email Routing Slack Gmail ϝʔϧૹ৴ݩ
25. Email Routing ©︎ u2tech
26. ͜Ε͔ΒͷcomilioͱCloud fl are ©︎ u2tech • Cloud fl are WorkersʢPagesʣͰNext.jsΛϗεςΟϯά͍ͨ͠
 → ίετ͕ѹ౗తʹ௿͘ͳΔ • CtoCͷ໋॓ͱ΋ݴ͑ΔBotରࡦΛڧԽ͢Δ
 → WAF΍εʔύʔϘοτϑΝΠτϞʔυΛར༻͢Δ • ʮcomilioʯͷDiscord BotΛ௚ۙ࡞Δ༧ఆͰɺCloud fl are WorkersͰ׬݁ Ͱ͖ͳ͍͔Λ͜Ε͔Βݕূ͍ͯ͘͠
 → Scheduled HandlerΛ૊Έ߹Θͤͯϩʔϧͷࣗಈ෇༩ͷݕূͳͲ
27. 2025/01/16 ͓Γ͹ʔʢ@oliver_diaryʣ ອըͷϙςϯγϟϧΛςΫϊϩδʔʹΑͬͯ૿෯ͤ͞Δ