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

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Hajime Shiozawa Hajime Shiozawa
August 01, 2023
Technology
660
0

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

Avatar for Hajime Shiozawa

Hajime Shiozawa

August 01, 2023

Other Decks in Technology

See All in Technology
組織的なAI活用を阻む 最大のハードルは コンテキストデザインだった
Avatar for KuboSeiya ixbox
1
1.2k
自己組織化を試される緑茶ハイを求めて、今日も全力であそんで学ぼう / Self-Organization and Shochu Green Tea
Avatar for naiban naitosatoshi
0
300
すごいぞManaged Kubernetes
Avatar for Haruka Sakihara harukasakihara
1
370
最大のアウトプット術は問題を作ること
Avatar for ryoAccount ryoaccount
0
320
プロダクトを育てるように生成AIによる開発プロセスを育てよう
Avatar for KAKEHASHI kakehashi
PRO
1
880
プロンプトエンジニアリングを超えて：自由と統制のあいだでつくる Platform × Context Engineering
Avatar for yuriemori yuriemori
0
110
会社紹介資料 / Sansan Company Profile
Avatar for Sansan, Inc. sansan33
PRO
16
410k
サイバーフィジカル社会とは何か / What Is a Cyber-Physical Society?
Avatar for Kenji Saito ks91
PRO
0
160
「決め方」の渡し方 / How to hand over the "decision-making process"
Avatar for Pauli pauli
8
1.3k
スクラムを支える内部品質の話
Avatar for IIJ_PR iij_pr
0
340
解剖"React Native"
Avatar for hacusk hacusk
0
120
ストライクウィッチーズ2期6話のエイラの行動が許せないのでPjMの観点から何をすべきだったのかを考える
Avatar for nakamichi ichimichi
1
310

Featured

See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
340
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.7k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
310
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.2k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
290
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
250
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
310
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
260
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1.1k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
370

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