# WebAssambly (WASM) Intro
---
# History
---

---

---

---

---

---

---

---

---

---

---
* 2015年: WebAssembly 最初由 Mozilla、Google、Microsoft 和 Apple 的工程師共同開發。他們的目標是建立一種新的瀏覽器標準,這種標準能讓網頁應用程序達到接近本地程式的執行效能。
* 2016年: 主流瀏覽器開始實驗性地支援 WebAssembly,讓開發者能開始嘗試使用這項新技術。
* 2017年: 在3月份,WebAssembly 的 Minimum Viable Product (MVP) 規格在 W3C 社區組織中達成共識。這個版本的 WebAssembly 規格包括了一些最基本的功能,比如用於描述二進制和文本格式的語法,以及一個能在瀏覽器中執行的 JavaScript API。到了同年的10月份,所有四大瀏覽器(Firefox、Chrome、Safari 和 Edge)都開始支援 WebAssembly。
---
# wasm on web
---

---

---
# Performance
---

---
https://www.figma.com/blog/webassembly-cut-figmas-load-time-by-3x/
---
https://tech.ebayinc.com/engineering/webassembly-at-ebay-a-real-world-use-case/
---
# wasm outside of web
---

---

WebAssembly: The Future of Distributed Computing, KubeCon Europe 2021
---

---
# wasi
https://hacks.mozilla.org/2019/03/standardizing-wasi-a-webassembly-system-interface/
https://wasi.dev/
---

---

---
https://www.ithome.com.tw/news/153022
https://www.assemblyscript.org/standards-objections.html
https://blog.cloudflare.com/announcing-wasi-on-workers/
---
# wasi case
https://github.com/containers/crun/blob/main/docs/wasm-wasi-on-kubernetes.md
https://learn.microsoft.com/en-us/azure/aks/use-wasi-node-pools
https://tip.golang.org/doc/go1.21
---

---
https://www.fermyon.com/wasm-languages/webassembly-language-support
---
# Who use WASM
https://madewithwebassembly.com
https://github.com/ruffle-rs/ruffle
https://blog.openpolicyagent.org/opa-v0-15-1-rego-on-webassembly-81c226c51be4
---
# DEMO
---
# Ref
https://weihanglo.tw/slides/oops-i-replaced-containers-with-wasm.html
https://speakerdeck.com/meteatamel/webassembly-beyond-the-browser
https://speakerdeck.com/evacchi/wasmer-things-an-upside-down-guide-to-webassembly
{"description":"https://www.ithome.com.tw/news/153022","title":"WebAssambly (WASM) Intro","contributors":"[{\"id\":\"a3283302-4fa2-4474-ace8-9e17aa848aea\",\"add\":5002,\"del\":2324}]"}