# WebAssambly (WASM) Intro --- # History --- ![](https://hackmd.io/_uploads/SkAbgNHY3.png) --- ![](https://hackmd.io/_uploads/r1eKfe4HYn.png) --- ![](https://hackmd.io/_uploads/SyCfeVHK2.png) --- ![](https://hackmd.io/_uploads/Sy7Qg4Hth.png) --- ![](https://hackmd.io/_uploads/Hy6iJHBth.png) --- ![](https://hackmd.io/_uploads/ryCmpzrKh.png) --- ![](https://hackmd.io/_uploads/S1qXlzrtn.png) --- ![](https://hackmd.io/_uploads/rkr4pfHF2.png) --- ![](https://hackmd.io/_uploads/ry4ORVHKh.png) --- ![](https://hackmd.io/_uploads/rk06WzSt3.png) --- * 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 --- ![](https://hackmd.io/_uploads/rJVJBfrYn.png) --- ![](https://hackmd.io/_uploads/H141BGSFh.png) --- # Performance --- ![](https://hackmd.io/_uploads/SkJm-frK2.png) --- 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 --- ![](https://hackmd.io/_uploads/Sk92hfrtn.png) --- ![](https://hackmd.io/_uploads/SJ59exHYh.png) WebAssembly: The Future of Distributed Computing, KubeCon Europe 2021 --- ![](https://hackmd.io/_uploads/SJ1kgfBYh.png) --- # wasi https://hacks.mozilla.org/2019/03/standardizing-wasi-a-webassembly-system-interface/ https://wasi.dev/ --- ![](https://hackmd.io/_uploads/S1k9TfrY3.png) --- ![](https://hackmd.io/_uploads/B1YzRzHYh.png) --- 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://hackmd.io/_uploads/SyR80Mrt3.png) --- 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}]"}
    211 views