https://magiclen.org/tag/rust-wasm/feed多元化原創文章，內容包羅萬象，有程式語言、網站應用、軟體介紹、硬體介紹、作業系統、旅行遊記、專題採訪、益智問題、文學創作，以及作者們的知識分享和作品分享。zh-TWTue, 14 Apr 2026 23:36:19 +0000hourly81970-01-01T00:00+00:00https://magiclen.org/rust-webassembly-shrink 透過網路來存取使用了Web­Assembly程式的網頁時，愈小的Web­Assembly程式會讓網頁的載入速度更快，也會讓使用者體驗更好。這篇文章整理了一些造成Web­Assembly程式肥大的原因，以及能使Web­Assembly程式縮小的方式。]]>研究分享RustWebassemblyRustWasm用Rust開發Web­AssemblytwiggyBinaryenwasm-optwasm-striphttps://magiclen.org/rust-webassembly-shrinkSat, 21 Sep 2019 12:00:29 +0800Magic Lenhttps://magiclen.org/rust-webassembly-conways-game-of-life-performance 前面花了幾個章節製作的康威生命遊戲，功能已經大致上完成了，不過我們還無法確定其效能是否還有可以優化的空間，必須要用一些方式來偵測才行。]]>研究分享RustWebassemblyJavaScriptHTMLJavaScriptnode.jsRustWasmWebpack用Rust開發Web­Assembly康威生命遊戲TypeScripthttps://magiclen.org/rust-webassembly-conways-game-of-life-performanceThu, 19 Sep 2019 12:00:18 +0800Magic Lenhttps://magiclen.org/rust-webassembly-conways-game-of-life-interact 在這個章節中，我們要替康威生命遊戲加入播放、暫停和逐格播放這幾個時間控制的功能，並且讓培養皿中的格子會因玩家滑鼠游標的點擊事件而改變狀態。]]>研究分享RustWebassemblyJavaScriptHTMLJavaScriptnode.jsRustWasmWebpack用Rust開發Web­Assembly康威生命遊戲TypeScripthttps://magiclen.org/rust-webassembly-conways-game-of-life-interactTue, 17 Sep 2019 12:00:01 +0800Magic Lenhttps://magiclen.org/rust-webassembly-testing-debugging 在開始替我們的康威生命遊戲實作更多功能之前，要先將目前的Rust程式加入測試(Testing)，除了可以用來驗證目前的程式正確性之外，還可以避免日後因修改程式而把原本可以正常工作的程式弄出問題了。另外，有些程式問題發生的原因很難確認，我們也需要在Rust程式中輸出Log到網頁瀏覽器的主控台(console)中，才能偵錯(Debugging)。]]>研究分享RustWebassemblyJavaScriptJavaScriptnode.jsRustWasmWebpack用Rust開發Web­Assembly康威生命遊戲TypeScripthttps://magiclen.org/rust-webassembly-testing-debuggingSun, 15 Sep 2019 12:00:53 +0800Magic Lenhttps://magiclen.org/rust-webassembly-conways-game-of-life 康威生命遊戲(Conway's Game of Life，又稱康威生命棋)是一個模擬生物細胞存活、繁殖與滅亡的遊戲。雖然這個稱為「遊戲」，但它其實不怎麼好玩，它是透過電腦來模擬出一個培養皿空間，這個培養皿中在一開始會被放置一些虛擬細胞，而這些細胞會遵循一些「遊戲規則」來決定其在下一個階段是持續生存、還是要繁殖、抑或是毀滅。藉由圖像化這個培養皿，我們可以從中觀察到一些有趣(?)的圖像。]]>研究分享RustWebassemblyJavaScriptHTMLJavaScriptnode.jsRustWasmWebpack用Rust開發Web­Assembly康威生命遊戲TypeScripthttps://magiclen.org/rust-webassembly-conways-game-of-lifeFri, 13 Sep 2019 12:00:43 +0800Magic Lenhttps://magiclen.org/rust-webassembly-library 在上一章節中，我們有提到Web­Assembly比JavaScript的效能還要快很多，但始終沒有舉出一個例子來比較它們實際的效能差異。在這篇文章中，會介紹如何把任意現有的Rust函式庫編譯成Web­Assembly，然後移植到網頁瀏覽器上執行，並且比較Rust函式庫做出來的Web­Assembly模組以及原生JS模組在網頁瀏覽器上執行的效能差異。]]>研究分享RustWebassemblyJavaScriptJavaScriptnode.jsRustShortCryptWasmWebpack用Rust開發Web­AssemblyTypeScripthttps://magiclen.org/rust-webassembly-libraryWed, 11 Sep 2019 12:00:26 +0800Magic Lenhttps://magiclen.org/rust-webassembly-introduction WebAssembly(簡稱Wasm)，是一個安全、可移植(無硬體和作業系統相依)的低階語言(類似組合語言)，由W3C制定標準，並由世界四大瀏覽器Mozilla Firefox、Microsoft Edge、Google Chrome和Apple Safari的提供商共同開發，能用來製作高效能且體積小的程式，通常是應用在Web上，但也不限於此。WebAssembly並不是利用新語法來編譯出優化過的...]]>研究分享RustWebassemblyJavaScriptHTMLJavaScriptnode.jsRustWasmWebpack用Rust開發Web­AssemblyTypeScripthttps://magiclen.org/rust-webassembly-introductionMon, 9 Sep 2019 12:00:29 +0800Magic Len