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

Edgeコンピューティング 入門

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Seiya Nuta Seiya Nuta
October 25, 2023
0
610

Edgeコンピューティング 入門

Avatar for Seiya Nuta

Seiya Nuta

October 25, 2023
Tweet

Featured

See All Featured
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
16
1.8k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
1.5k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
440
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
430
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
6.9k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
55
49k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
150
Why Mistakes Are the Best Teachers: Turning Failure into a Pathway for Growth
Avatar for Umar Saidu Auna auna
0
50
The untapped power of vector embeddings
Avatar for Frank van Dijk frankvandijk
1
1.6k
HDC tutorial
Avatar for Michiel Stock michielstock
1
340
Music & Morning Musume
Avatar for Bryan Veloso bryan
47
7.1k

Transcript

  1. Edgeコンピューティング 入門 怒田 晟也 <[email protected]> NIKKEI Tech Talk (Oct 2023)

    ぬた

  2. 一般的なWebサービスの設計 ユーザ CDN バックエンド 10 ms 50 ms

  3. ユーザに近いCDNを活用した高速化 ユーザ CDN バックエンド 10 ms ユーザのより近くから キャッシュを返す 一般的なWebサービスの設計 50

    ms

  4. CDNで色々したい ユーザ CDN バックエンド 10 ms キャッシュが返せるなら リダイレクションしたい A/Bテストしたい 認証したい

    rewriteしたい 一般的なWebサービスの設計 50 ms

  5. Edge コンピューティング

  6. 「Edgeコンピューティング」の2つの見方 ⬩ 「CDNのプラグイン」としてのEdgeコンピューティング ⬩ 「バックエンド実行環境」としてのEdgeコンピューティング

  7. CDNの機能を「自分で」拡張できる (ミドルウェア) 「CDNのプラグイン」としての Edgeコンピューティング ユーザ CDN CDN上のバックエンド (認証、A/Bテストなど) バックエンド リクエスト内容

    CDNの振る舞い変更 (リダイレクトなど)

  8. 「バックエンド実行環境」としての Edgeコンピューティング ユーザ (󰑔 米国リージョン) バックエンド (󰏦 日本リージョン) 150 ms

  9. ユーザにより近い部分でアプリを実行できる 10 ms ユーザ (󰑔 米国リージョン) CDN上の バックエンド (󰑔 米国リージョン)

    「バックエンド実行環境」としての Edgeコンピューティング ⬩ Edge SSR (Server Side Rendering) ⬩ API エンドポイント ⬩ OGイメージ動的生成 + CDNキャッシュ

  10. 注意点

  11. バックエンドのリージョンに注意 10 ms ユーザ (󰑔 米国リージョン) CDN上の バックエンド (󰑔 米国リージョン)

    導入すれば速くなるわけではない PostgreSQL データベース (󰏦 日本リージョン) 150 ms

  12. バックエンドのリージョンに注意 導入すれば速くなるわけではない 10 ms ユーザ (󰑔 米国リージョン) CDN上の バックエンド (󰑔

    米国リージョン) 分散 データベース (󰑔 米国リージョン) 10 ms 分散 データベース (󰏦 日本リージョン) 裏で同期

  13. CPU・メモリバウンドの処理には不向き 限られた計算資源 Cloudflare Workers Fastly Compute@Edge Vercel Edge Functions

  14. アプリケーションはできるだけ小さく 大きいアプリではコールドスタート時間が発生する (場合もある) https://blog.cloudflare.com/better-micro-frontends/

  15. 実行環境

  16. 旧来のサーバーレス Edgeなサーバーレス Ser ハードウェア Ser ホストOS Ser Hardware アプリ (プロセス)

    OS Ser 言語処理系 (V8/Wasmtimeなど) Serアプリ (グリーンスレッド ) アプリ (プロセス) ユーザー 空間 より軽量・より細かい隔離技術への移行 HW仮想化 Serアプリ (グリーンスレッド ) Ser ゲストOS Ser ゲストOS

  17. Cloudflare Workers / Vercel Edge API JavaScript主体のAPIデザイン ⬩ V8 JavaScriptエンジンベース

    ⬩ 言語処理系レベル (V8 Isolate) で隔離 ⬩ 同じインスタンスを使い回してコールドスタート (msオーダー) を回避 ⬩ JavaScriptメイン + WebAssembly (C, C++, Rust) ⬩ API は Webブラウザから拝借: fetch, Request, …

  18. WinterCG: Web-interoperable Runtimes Community Group JavaScriptメインなプラットフォーマーたち

  19. None

  20. Fastly Compute@Edge API 言語に依存しないAPIデザイン ⬩ WebAssembly エンジンベース (JavaScriptインタプリタ丸ごとコンパイル) ⬩ 言語処理系レベルで隔離

    ⬩ 毎回新しいインスタンスで実行される (μsオーダーで起動できる) ⬩ JavaScript, Rust, Go 用の公式SDK ⬩ API は Webブラウザから拝借: fetch, Request, …

  21. Bytecode Alliance WebAssemblyメインなプラットフォーマーたち

  22. “Edge” な環境 vs. コンテナ コンテナに比べると制約がある ⬩ Node.jsでもWebブラウザでもない独特なJavaScriptの世界 ⬩ コンテナの方が自由自在 ⬩

    “Edge” な環境はスケーラビリティのための一種の妥協 ⬩ 早い起動時間・スケールアウトの面倒を任せたい場合に “Edge” が便利