MagicLen

在前面的章節中，我們都是直接用「tsc」指令加上參數來編譯TypeScript程式，並且利用「declare」關鍵字來宣告Node.js才有的物件和函數。在這個章節，我們會建立Node.js專案，運用TypeScript的「tsconfig.json」檔案來設定編譯參數，並加裝套件讓TypeScript能直接支援Node.js內建的物件和函數的型別檢查。

在這個章節，我們將會直接使用TypeScript程式語言來建立出猜數字程式的專案，並逐步將它完成！並在撰寫程式的過程中，來練習TypeScript程式語言基礎的程式語法，以及針對Node.js和網頁瀏覽器這兩個不一樣的執行環境來撰寫程式。這支小程式在執行之後，將會先從1到100的整數中，隨機抽取一個數字作為答案，並且允許使用者輸入要猜的數字，如果答錯了，程式會回答使用者輸入的數字究竟是大於答案，還...

TypeScript是由微軟開發的一種能用來編譯出JavaScript程式碼的程式語言，因其比JavaScript程式語言還多了一道編譯手續，能夠在編譯階段找出程式碼語法上的問題，而且也添加了型別檢查機制，讓程式更容易閱讀與偵錯，使得TypeScript更適合用來開發大型專案。TypeScript相容於JavaScript，白話一點來說就是JavaScript程式碼也可以通過TypeScript編...

Lodash是非常多人使用的JavaScript的工具函式庫，提供許多方便用來操作陣列、物件、字串、數值的函數。Webpack是JavaScript的模組建置工具，運行在Node.js上，它可以將零散的JavaScript檔案用各式工具優化並打包起來，加快網頁的載入時間。由於Lodash有很多零散的函數，一般專案應該也用不到其中的一半，所以它十分需要利用Webpack來砍掉沒有用到的程式碼，以減少...

Webpack是JavaScript的模組建置工具，運行在Node.js上，它可以將零散的JavaScript檔案用各式工具優化並打包起來，加快網頁的載入時間。Webpack也並不限於用在JavaScript上，它除了還能打包網頁有用到的靜態資源(如JS、CSS、圖片檔等)外，也還能透過HTML模板來產生HTML網頁。

前面花了幾個章節製作的康威生命遊戲，功能已經大致上完成了，不過我們還無法確定其效能是否還有可以優化的空間，必須要用一些方式來偵測才行。

在這個章節中，我們要替康威生命遊戲加入播放、暫停和逐格播放這幾個時間控制的功能，並且讓培養皿中的格子會因玩家滑鼠游標的點擊事件而改變狀態。

在開始替我們的康威生命遊戲實作更多功能之前，要先將目前的Rust程式加入測試(Testing)，除了可以用來驗證目前的程式正確性之外，還可以避免日後因修改程式而把原本可以正常工作的程式弄出問題了。另外，有些程式問題發生的原因很難確認，我們也需要在Rust程式中輸出Log到網頁瀏覽器的主控台(console)中，才能偵錯(Debugging)。

康威生命遊戲(Conway's Game of Life，又稱康威生命棋)是一個模擬生物細胞存活、繁殖與滅亡的遊戲。雖然這個稱為「遊戲」，但它其實不怎麼好玩，它是透過電腦來模擬出一個培養皿空間，這個培養皿中在一開始會被放置一些虛擬細胞，而這些細胞會遵循一些「遊戲規則」來決定其在下一個階段是持續生存、還是要繁殖、抑或是毀滅。藉由圖像化這個培養皿，我們可以從中觀察到一些有趣(?)的圖像。

在上一章節中，我們有提到Web­Assembly比JavaScript的效能還要快很多，但始終沒有舉出一個例子來比較它們實際的效能差異。在這篇文章中，會介紹如何把任意現有的Rust函式庫編譯成Web­Assembly，然後移植到網頁瀏覽器上執行，並且比較Rust函式庫做出來的Web­Assembly模組以及原生JS模組在網頁瀏覽器上執行的效能差異。