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

一部のユーザーに開発版スクリプトを配信する - Fastly を使ったカナリアリリース

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Hajime Shiozawa Hajime Shiozawa
August 01, 2023
Technology
780
0

一部のユーザーに開発版スクリプトを配信する - Fastly を使ったカナリアリリース

Avatar for Hajime Shiozawa

Hajime Shiozawa

August 01, 2023

Other Decks in Technology

See All in Technology
Redmine 7.0で私が開発した新機能の狙いと背景
Avatar for MAEDA Go vividtone
1
110
コスト最適化の「めんどくさい」を AWS FinOps Agent でチョット楽にする
Avatar for kaz classmethod_kaz
0
210
設計の世代交代を乗り越える、14年続くAndroidアプリの開発戦略
Avatar for SansanTech sansantech
PRO
1
130
Genie Code ワークショップ 応用編 / Genie-Code-Workshop-advanced
Avatar for Databricks Japan databricksjapan
PRO
0
340
Hub & Spoke 環境のネットワークルーティングを分解してみる
Avatar for Tsuyataku tsuyataku
1
530
動画配信アプリでの Engage SDK 導入 — TVer Android が Play ストアにコンテンツを届けるまで
Avatar for TVer Inc. techtver
PRO
0
110
多摩川(.dev)ランニング入門 / Tamagawa.dev#3
Avatar for FUJIWARA Shunichiro fujiwara3
3
360
スクラムで身についていた動き方を、XPで捉え直してみた
Avatar for コドモン開発チーム codmoninc
PRO
1
210
[RSJ26] Building a VLA Model Based on Self-Distilled Classification
Avatar for Semantic Machine Intelligence Lab., Keio Univ. keio_smilab
PRO
0
190
20260903 Tokyo Jazug Night #62 | Azure エンジニアよ、 その環境は本当にセキュアか？
Avatar for Olivia olivia_0707
1
620
Tab5をRubyで動くパソコンにする
Avatar for Katsuhiko Kageyama kishima
1
190
KAEN Company Deck
Avatar for 株式会社KAEN kaen
PRO
0
320

Featured

See All Featured
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5.2k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
520
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Amusing Abliteration
Avatar for ianozsvald ianozsvald
1
290
Docker and Python
Avatar for Tania Allard trallard
47
4.2k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
890
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
530
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
7k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.1k

Transcript

  1. 　　｜　　© PLAID Inc. 2023.8.1　｜　　3rdparty.js #1 　｜　 1 ⼀部のユーザーに開発版スクリプトを配信する Fastly を使ったカナリアリリース

  2. 2023.8.1　　｜　 3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 2 しおざわ はじめ Hajime

    Shiozawa Github : @hshiozawa 株式会社プレイドのエンジニア 主にプロダクト基盤の開発をやってます • 解析エンジン Blitz の開発 • 新しい埋め込みタグ Edge の開発

  3. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 3 カナリアリリースをできるようにしよう 新機能を開発したから、新しいスクリプトの検証がしたい！ でも、検証環境だとシンプルなテストデータしか⼊ってない いきなり本番環境にはリリースはできない･･･

  4. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc.   4

  5. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 5

  6. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 6 考えるべきポイント KARTE の埋め込みスクリプトのアーキテクチャ

  7. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 7 1 埋め込みスクリプトの URL は変えない

  8. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 8 2 クライアントごとに配信スクリプトが異なる

  9. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 9 3 クライアントが設定を変えると、スクリプトを再ビルド スクリプトを ビルドするサーバ

  10. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 10 4 スクリプトへの修正は、全スクリプトの再ビルドが必要

  11. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 11   1. 配信スクリプトは同じ URL

    2. クライアントごとに違うスクリプト URL 3. クライアントが設定を変えると、スクリプトを再ビルド 4. スクリプトの修正は、全スクリプトの再ビルドが必要 ポイント

  12. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 12 カナリアリリースを実現する

  13. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 13 Fastly VCL を使う  1.

    配信スクリプトは同じ URL  2. クライアントごとに違うスクリプト URL を解決する

  14. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 14  

  15. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 15   Cookie を付与して Fastly

    の VCL で カナリー環境に振り分け Cookie を付与 VCL で振り分け

  16. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 16   sub vcl_recv {

    if (req.http.Cookie ~ "new_feature" && req.url ~ "aaa") { # カナリア環境 set req.backend_hint = canary_release_backend; } else { # プロダクション環境 set req.backend_hint = production_backend; } }

  17. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 17 リクエストごとにビルドする  3. クライアントが設定を変えると、スクリプトを再ビルド  4.

    スクリプトの修正は、全スクリプトの再ビルドが必要 を解決する

  18. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 18   カナリー環境はリクエストに応じてスクリプトをビルドする 多少⻑めにキャッシュ 毎リクエストビルド

  19. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 19   全体像

  20. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 20  

  21. 2023.8.1　　｜　　3rdparty.js #1　　｜　 　　｜　　© PLAID Inc. 　 21 まとめ＆感想 埋め込みスクリプトのカナリアリリース 環境の振り分けに

    Fastly VCL を使う スクリプトは毎回ビルドしてる CDN にロジックを組めるのは便利 Edge Computing をもっと組み込みたい   💡  💡 
  22. None