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

Lambda@Edgeを利用したサードパーティJavaScriptのカナリアリリース / Ca...

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Edward Fox Edward Fox
May 28, 2021
Technology
0
120

Lambda@Edgeを利用したサードパーティJavaScriptのカナリアリリース / Canary release using Lamdba@Edge

2021-05-28 @AWS Dev Alliance

Avatar for Edward Fox

Edward Fox

May 28, 2021
Tweet

More Decks by Edward Fox

See All by Edward Fox
Priorityを制するものはローディングを制す
Avatar for Edward Fox edwardkenfox
4
780
AWS re:Invent 2019 / Hackathon for Good 参加録
Avatar for Edward Fox edwardkenfox
2
600
Repro basketball club
Avatar for Edward Fox edwardkenfox
0
270
Introduction to UX Optimizer
Avatar for Edward Fox edwardkenfox
0
120
フロントエンド開発の落とし穴 / Fallacies of Client Side Programming (2019ver)
Avatar for Edward Fox edwardkenfox
0
350
僕とprototypeとJSONで / Me and prototype down by the JSON
Avatar for Edward Fox edwardkenfox
0
160
クライアントサイド開発の落とし穴 / Fallacies of Client Side Programming
Avatar for Edward Fox edwardkenfox
0
490
Beacon API ことはじめ 〜そしてkeepalive fetchへ〜 / Beacon API The Basics
Avatar for Edward Fox edwardkenfox
0
1.2k
window.windowとは何か / What is window window
Avatar for Edward Fox edwardkenfox
1
240

Other Decks in Technology

See All in Technology
歴史に敬意を！ パラシュートVPoEが組織と共同で立ち上がる信頼醸成オンボーディング
Avatar for Go Akazawa go0517go
PRO
0
190
vol11_ねこIoTLT_お遊びVibeCoding
Avatar for 1027kg 1027kg
0
180
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
43k
Interop Tokyo 2025 ShowNet Team Memberで学んだSRv6を基礎から丁寧に
Avatar for miyukichi_ospf miyukichi_ospf
0
180
AI が Approve する開発フロー / How AI Reviewers Accelerate Our Development
Avatar for Hiroka Zaitsu zaimy
1
190
AIで「ふとした疑問」を即座に検証する 〜定量で圧倒するN1理解〜
Avatar for KAKEHASHI kakehashi
PRO
3
730
サイボウズ 開発本部採用ピッチ / Cybozu Engineer Recruit
Avatar for Cybozu cybozuinsideout
PRO
10
74k
Oracle Database@Google Cloud：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
3
1.1k
Goで実現する堅牢なアーキテクチャ：DDD、gRPC-connect、そしてAI協調開発の実践
Avatar for fujidomoe fujidomoe
3
740
GoとWasmでつくる軽量ブラウザUI
Avatar for kyo keyl0ve
0
130
AIで 浮いた時間で 何をする？ 2026春 #devsumi
Avatar for konifar konifar
16
3.2k
AIエージェントで変わる開発プロセス ― レビューボトルネックからの脱却
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
2
660

Featured

See All Featured
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
63
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
52
5.8k
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
180
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
130
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
470
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.3k
Done Done
Avatar for chrislema chrislema
186
16k
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Tips & Tricks on How to Get Your First Job In Tech
Avatar for Honza Javorek honzajavorek
0
450
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
210
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.1k

Transcript

  1. Lambda@Edge Λར༻ͨ͠ αʔυύʔςΟJavaScriptͷ ΧφϦΞϦϦʔε Edward Fox 2021/05/28 @AWS Dev Alliance

  2. @edwardkenfox Edward Fox ɾΤϯδχΞ @ Reproגࣜձࣾ ɾWEBʗϒϥ΢βٕज़શൠɺ෼ࢄॲཧ ɾόεέɺϏʔϧɺӉ஦ 2/52

  3. ࠓ೔࿩͢͜ͱ: Lambda@Edge Λར༻͠ ҆શͳܗͰϦϦʔε͕Ͱ͖Δ Α͏ʹͳͬͨ࿩ 3/52

  4. ࠓ೔࿩͞ͳ͍͜ͱ: Lambda@Edge ͷػೳ঺հ ͳͲ 4/52

  5. 1. αʔυύʔςΟJavaScriptͱ͸ 2. ϦϦʔεͷ໰୊఺ 3. ΧφϦΞϦϦʔε ͱ͸ 4. Lambda@Edge Ͱͷ࣮ݱํ๏

    5. ݁Ռ 6. AWS ͞Μ΁ͷཁ๬ 5/52

  6. 1. αʔυύʔςΟJavaScriptͱ͸ 2. ϦϦʔεͷ໰୊఺ 3. ΧφϦΞϦϦʔε ͱ͸ 4. Lambda@Edge Ͱͷ࣮ݱํ๏

    5. ݁Ռ 6. AWS ͞Μ΁ͷཁ๬

  7. αΠτʹຒΊࠐΜͰ΋Β͍ σʔλΛऩूͨ͠Γૹ৴͢Δ αʔυύʔςΟͷJavaScriptίʔυɻ Google Analyticsʹ୅ද͞ΕΔΑ͏ͳ λά΍޿ࠂܭଌπʔϧ͕͜Εʹ͋ͨΔ 7/52

  8. ※ ฐࣾͰఏڙ͍ͯ͠Δ αʔυύʔςΟJavaScript ͸ Web SDKͱ΋ݺ͹Ε͍ͯ·͢ 8/52

  9. ※ ࣮ࡍͷ΋ͷͱ͸ҟͳΓ·͢

  10. Web SDK ʹมߋ͕͋Δͨͼʹ ϦϦʔεΛ࣮ࢪ͢Δ͕ repro-sdk.min.js ͸ৗʹ ࠷৽όʔδϣϯΛࢀর͢Δ 10/52

  11. None

  12. 1. αʔυύʔςΟJavaScriptͱ͸ 2. ϦϦʔεͷ໰୊఺ 3. ΧφϦΞϦϦʔε ͱ͸ 4. Lambda@Edge Ͱͷ࣮ݱํ๏

    5. ݁Ռ 6. AWS ͞Μ΁ͷཁ๬

  13. ৽͍͠όʔδϣϯΛϦϦʔε ͢Δͱ ଈ࣌͢΂ͯͷ ΫϥΠΞϯτͰಈ࡞Λ࢝ΊΔ 13/52

  14. 👍 ɾ໰୊͕͋ͬͨΒ͙͢ʹؾ෇͚Δ 👎 ɾ໰୊͕͋ͬͨͱ͖ͷඃ֐͕ਙେ 14/52

  15. ڪාͷҰٿೖࠢϦϦʔε 😇 15/52

  16. ༷ʑͳϒϥ΢β΍΢ΣϒαΠτͰ ಈ࡞͢ΔαʔυύʔςΟ JavaScriptͱ͍͏ੑ࣭తʹɺ ΫϥΠΞϯτґଘͰى͖Δ໰୊Λ ͢΂ͯࣄલʹ༧ଌ͢Δ͜ͱ͸ࠔ೉

  17. => ຊ൪ʹग़ͯ͠Έͳ͍ͱ ෼͔Βͳ͍ɻ Ͱ΋ͳΔ΂҆͘શʹग़͍ͨ͠ 17/52

  18. ͦΜͳͱ͖ͷͨΊͷ ΧφϦΞϦϦʔε 🐧 🐧 🐧 18/52

  19. 1. αʔυύʔςΟJavaScriptͱ͸ 2. ϦϦʔεͷ໰୊఺ 3. ΧφϦΞϦϦʔε ͱ͸ 4. Lambda@Edge Ͱͷ࣮ݱํ๏

    5. ݁Ռ 6. AWS ͞Μ΁ͷཁ๬

  20. https://martinfowler.com/bliki/ CanaryRelease.html ͔ΒҾ༻ 20/52

  21. 1. 2. 3.

  22. 22/52

  23. Web SDKʹ͓͚Δ ΧφϦΞϦϦʔεͷཁ݅ 23/52

  24. 1. Web SDKʹର͢ΔτϥϑΟοΫશମʹରͯ͠ ภΓͳ͘৽چόʔδϣϯΛ෼ࢄ͍ͤͨ͞ 2. ΫϥΠΞϯτ͝ͱʹ͸৽چόʔδϣϯΛ ͲͪΒ͔ʹݻఆ͍ͤͨ͞ 3. ৽چόʔδϣϯͷৼΓ෼͚ͷׂ߹Λࢦఆ ͍ͨ͠ɻ·ͨঃʑʹׂ߹Λม͍͑ͨɻ

    24/52

  25. 1. αʔυύʔςΟJavaScriptͱ͸ 2. ϦϦʔεͷ໰୊఺ 3. ΧφϦΞϦϦʔε ͱ͸ 4. Lambda@Edge Ͱͷ࣮ݱํ๏

    5. ݁Ռ 6. AWS ͞Μ΁ͷཁ๬

  26. 26/52

  27. 27/52

  28. None

  29. 1. αʔυύʔςΟJavaScriptͱ͸ 2. ϦϦʔεͷ໰୊఺ 3. ΧφϦΞϦϦʔε ͱ͸ 4. Lambda@Edge Ͱͷ࣮ݱํ๏

    5. ݁Ռ 6. AWS ͞Μ΁ͷཁ๬

  30. 1. Web SDKʹର͢ΔτϥϑΟοΫશମʹରͯ͠ ภΓͳ͘৽چόʔδϣϯΛ෼ࢄ͍ͤͨ͞ 2. ΫϥΠΞϯτ͝ͱʹ͸৽چόʔδϣϯΛ ͲͪΒ͔ʹݻఆ͍ͤͨ͞ 3. ৽چόʔδϣϯͷৼΓ෼͚ͷׂ߹Λ ࢦఆ͍ͨ͠ɻ·ͨঃʑʹׂ߹Λม͍͑ͨɻ

    30/52

  31. 1. Web SDKʹର͢ΔτϥϑΟοΫશମʹରͯ͠ ภΓͳ͘৽چόʔδϣϯΛ෼ࢄ͍ͤͨ͞ 2. ΫϥΠΞϯτ͝ͱʹ͸৽چόʔδϣϯΛ ͲͪΒ͔ʹݻఆ͍ͤͨ͞ 3. ৽چόʔδϣϯͷৼΓ෼͚ͷׂ߹Λ ࢦఆ͍ͨ͠ɻ·ͨঃʑʹׂ߹Λม͍͑ͨɻ

    30/52 👌👌👌

  32. 1. Web SDKʹର͢ΔτϥϑΟοΫશମʹରͯ͠ ภΓͳ͘৽چόʔδϣϯΛ෼ࢄ͍ͤͨ͞ 2. ΫϥΠΞϯτ͝ͱʹ͸৽چόʔδϣϯΛ ͲͪΒ͔ʹݻఆ͍ͤͨ͞ 3. ৽چόʔδϣϯͷৼΓ෼͚ͷׂ߹Λ ࢦఆ͍ͨ͠ɻ·ͨঃʑʹׂ߹Λม͍͑ͨɻ

    30/52 👌👌👌 👌👌

  33. 1. Web SDKʹର͢ΔτϥϑΟοΫશମʹରͯ͠ ภΓͳ͘৽چόʔδϣϯΛ෼ࢄ͍ͤͨ͞ 2. ΫϥΠΞϯτ͝ͱʹ͸৽چόʔδϣϯΛ ͲͪΒ͔ʹݻఆ͍ͤͨ͞ 3. ৽چόʔδϣϯͷৼΓ෼͚ͷׂ߹Λ ࢦఆ͍ͨ͠ɻ·ͨঃʑʹׂ߹Λม͍͑ͨɻ

    30/52 👌👌👌 👌👌 👌

  34. 1. αʔυύʔςΟJavaScriptͱ͸ 2. ϦϦʔεͷ໰୊఺ 3. ΧφϦΞϦϦʔε ͱ͸ 4. Lambda@Edge Ͱͷ࣮ݱํ๏

    5. ݁Ռ 6. AWS ͞Μ΁ͷཁ๬
  35. None
  36. None

  37. ຖճίʔυΛॻ͖׵͑ͳ͚Ε͹ ͍͚ͳ͍ͷ͸໘౗ 37/52

  38. => ͦ͏ͩɺ؀ڥม਺Λ࢖͓͏ 38/52

  39. None
  40. None
  41. None
  42. None

  43. 😱 😱 😱 43/52

  44. ཁ๬1: ؀ڥม਺ͷαϙʔτ 🙏 44/52

  45. None
  46. None
  47. None

  48. 🤔 🤔 🤔 48/52

  49. ཁ๬2: UIͷվળ 🙏 49/52

  50. ·ͱΊ 50/52

  51. ɾLambda@Edge Λར༻ͯ͠ΧφϦΞ ϦϦʔεΛ࣮ݱ͠ɺ҆৺ɾ҆શͳܗͰ ϦϦʔεΛ࣮ࢪͰ͖ΔΑ͏ʹͳͬͨ ɾ͜ΕҎ֎ʹ΋ Lambda@Edge ͸ଟ͘ͷ Ϣʔεέʔεʹ࢖͑ΔػೳͳͷͰɺ ࠓޙ΋ՄೳੑΛ୳͍͖͍ͬͯͨ 51/52

  52. ׬ 52/52

  53. We are hiring!

  54. None
  55. None
  56. None