分享如何做框架的選擇，以及 WebAssembly 的應用情境

1. WebAssembly 是
全端的好選擇嗎?
Jimmy Ho

2. Jimmy Ho
● 任職於資通電腦擔任 ciMes 系統研發
● 熟悉 Blazor/Angular/React 等前端框架（我沒有要收集御三家RRRR）
● 演講經驗
○ 2022 Dotnet conf
○ 2021 Dotnet conf
○ Angular meetup
● 部落格： https://jiaming0708.github.io/

3. 如何選擇前端技術
流行/潮
主管決定
寫的人去
煩惱
npm 下載數
Github
star

4. 框架比較

5. 框架 網頁
速度
Routing 下載
資源
Gtihub
star
SSR支援
Angular 快 V 91k Universal
React V 215k Next
Vue 快 V 少 206k Nuxt
Blazor V 多 33k Steaming
render

6. 選擇前端技術
● 需要 SEO 嗎?
● 開發者有哪些人?
● 現有的技術有哪些?
● 可能需要用到哪些套件
● 資源豐富度，世界、台灣
● 有多少人正在使用?

7. 優缺點

8. 前後端使用同一種語言

9. 少碰觸 JS

10. 可以用 IDE 偵錯

11. 資源相對少

12. WebAssembly介紹
● 2015年推出
● 二進位表示的新語言
● 讓 c/c++/c#/rust 等語言可以在網頁運行
● 事先編譯與優化，執行速度更快
● Demo

14. Photoshop
● Photoshop is now on the web!. Enabled by
WebAssembly, Web Components… | by Addy
Osmani | Oct, 2023 | Medium
● Adobe Photoshop
● 把功能搬到網頁上，效能不變

15. Web Component

16. Q&A