Elvis Hsieh Blog

emscripten 是一個以 LLVM為基礎的系統，主要目的是將 C, C++ 開發的程式碼利用 LLVM 轉成 javascript 程式碼，讓 C, C++ 程式可以呈現 Website 中。要使用 C, C++ 開發 Web 程式碼，可以使用 emscripten SDK 來開發程式，如此可以省略許多不必要的環境設定過程。 在 emscripten 網站中提供各種不同平台的 emscripten SDK，在 Windows 平台，最直接的是使用 Installer 來安裝，但為了移植性，底下是採用 portable 版本： 下載 emscripten portable 版本，解壓縮到指定的目錄  切換到解壓縮目錄，開啟 Command Line，輸入 emsdk update  此時會下載 emscripten SDK 最新版的安裝檔，完成後，再輸入 emsdk install latest  安裝完成後，設定環境變數： emsdk activate latest --global  // --global option was env for all user Testing : compile hello.c : emcc hello.c  // output a.out.js  node a.out.js   # show "Hello World" in screen compile hello.cpp : em++ hello.cpp -o hello.html  // output .html file compile sdl.cpp from emscripten : em++ sdl.cpp -o sdl.html emscripten SDK 與 Wt C++ Web Toolkit 不同，emscripten 直接將 C, C++ 轉成 jascript or html 輸出， Wt 是一個 C++ Web Toolkit Library，要知道如何使用 Wt Library，但是， emscripten SDK 則不需要，不過，要執行較精確及效率是數學問題或程式，需要考慮是否適和使用 emscripten SDK...

Foundation is front-end framework for website, 提供網頁設計者設計各種不同 devices 的網頁，它是使用 Sass, Compass 這兩種 CSS framework 發展而成的。整個專案是採用 Ruby 的套件管理方式來運作，安裝它相當容易，使用 Ruby 的 gem install zurb-foundation 來安裝，若要調整 Foundation 的內容，需要再安裝 Sass, Compass, 網路上有介紹 Sass, Compass 的書籍，使用這兩種 CSS framework 對於寫 CSS 則更具有彈性[1]。   在安裝這些套件時，看見 Ruby 有安裝這些套件的文件，只是不知道如何從 Ruby 系統中讀出這些文件? 目前對於 Ruby 的系統不熟悉，需要找些資料來了解。在尋找資料時，找到一個不錯的教學網站，名為 Programming tutorials and source code examples 有許多教學文件及原始程式碼，其中包括 C++, HTML, Ruby, GIMP, etc ...，也有許多 free HTML templates 可以下載，可以做為做為教學時的教材。   另外， jQurey EasyUI 是另外一種開發 Website 的 framework, 是基於 jQuery UI 的基礎上，讓使用者不需要寫 Javascript 就可以容易的建立 jQuery 的 UI 介面。 --------------------------------------------------------------- [1] http://www.slideshare.net/kurotanshi/compass-sass

Emscripten : An LLVM-to-JavaScript Compiler, 是一個將 LLVM 所產生的 bitcode 轉成 Javascript library 的編譯器。這樣一個 compiler 有何用處？舉一個例子來說，如果你原來使用 C++ 語言所寫的程式，可以先使用 LLVM 來產生 LLVM 的 bitcode，再交給 Emscripten 當作輸入，經由 Emscripten compiler 輸出成為 javascript 的 library，然後再嵌入到 html 中來使用。有了這個 compiler ，那之前用各種語言所寫的一些 function, member, class etc..., 都以移植到網頁上。這也就是意味著所有在的程式將可以容易的移植到網路了。 ------------------------------------------------------ [1] http://hacks.mozilla.org/2012/04/porting-me-my-shadow-to-the-web-c-to-javascriptcanvas-via-emscripten/

在 Alex MacCaw Blog 中提到一個問題，就是：當使用者 click 個動作之後，必須等待 Server 的 response，例如 Gmail 在送出信件後，必須等待一下子，也就是等待 Server 將信寄出，然後才可以繼續使用 Client 端的畫面。     這樣的設計方式是不符合 User 所期待的。 User 不需要去管 Ajax 的問題，只希望 Gmail 送出訊息之後，告訴 User 是否寄信完成；這種需求就好像插入耳機以後，系統會出現一個耳機插入的訊息，提醒 User 可以使用耳機了，而不會影響其他的動作。     在 Alex MacCaw 開發的 Spine Javascript Framework 已經解決這個問題，他把它稱為 Asynchronous User Interface - AUI, 在他的 Blog 中也有例子說明如何實做 AUI 的使用介面。