WebAssembly Windows環境構築

Windows環境を作るにあたって

公式ページでは下記のように http://webassembly.org/getting-started/developers-guide/

The instructions on this page are applicable to Linux and Mac OS X systems. Similar instructions for Windows systems are forthcoming.

Windows環境の構築については まだ手順がなさそうなので 挑戦してみます

構築

基本的には公式の Linux、Mac環境構築を参考にします http://webassembly.org/getting-started/developers-guide/

ChromeのWebAssembly有効化

chrome://flags/#enable-webassembly と Chromeで入力し WebAssemblyを有効にし　再起動させる！

emsdkをインストール

https://kripken.github.io/emscripten-site/index.html

ダウンロードページよりWindowsバイナリを入手しインストール インストール時にパスも通してくれるので　私は通した。

emsdkのパッケージ更新

Linuxの手順で行うと、gitがないと怒られたので、gitも入れます

> emsdk update
> emsdk install git-1.9.4
> emsdk install clang-incoming-64bit emscripten-incoming-64bit sdk-incoming-64bit
> emsdk activate clang-incoming-64bit emscripten-incoming-64bit sdk-incoming-64bit

一通り環境整ったはずなので　テストします

emsdk テスト

上記の公式をもとに、Cでソースをかきます たとえば hello.c を作成

#include<stdio.h>
int main(int argc, char ** argv ){
  printf("Hello, world!\n");
}

ビルドします

> emcc hello.c -s WASM=1 -o hello.html

結構コンパイル時間かかったし Warningもいっぱい出ましたが無事ファイルが複数できました before.js、hello.html、hello.js、hello.js.temp.js の4ファイルが私の環境ではできました。 このうちの hello.htmlが目的のものなので　ブラウザで表示しましょう。

Apache等あればそこで表示してもいいです 公式では pythonを使って

> python -m SimpleHTTPServer 8080

ブラウザより localhost:8080/hello.html

をたたくと、Emscriptenウインドウに Hello,World! が表示されるはず。 表示されたら成功！　おめでとう！

とのことらしいですが、期待していたバイナリが出ていないような・・・

> emcc -O2 hello.c -s WASM=1 -o hello.html

と、最適化オプションつけると hello.wasm、load-wasm-worker.js、hello.html.mem などの　怪しいものが出てきます・・

このあたり　一度調査必要ですね

とりあえず公式的には環境完成のようです