emscripten_install.md

emscripten/c++/wasmハンズオン事前資料

1. emscriptenのインストール

所要時間: 10分

git clone https://github.com/emscripten-core/emsdk.git
cd emsdk
./emsdk install latest
./emsdk activate latest

上記コマンドを実行すると、

Next steps:
- To conveniently access emsdk tools from the command line,
  consider adding the following directories to your PATH:
    /Users/muraki/emsdk
    /Users/muraki/emsdk/node/14.15.5_64bit/bin
    /Users/muraki/emsdk/upstream/emscripten
- This can be done for the current shell by running:
    source "/Users/muraki/emsdk/emsdk_env.sh"
- Configure emsdk in your bash profile by running:
    echo 'source "/Users/muraki/emsdk/emsdk_env.sh"' >> $HOME/.bash_profile

のようなメッセージが表示されますので、この指示に従って emsdk_env.sh を実行、もしくは .bash_profile 等に登録して下さい。

参考サイト: https://emscripten.org/docs/getting_started/downloads.html

2. デバッグ用chromeのセットアップ

所要時間: 15分

1. https://www.google.com/chrome/canary/ から、 chrome canaryをダウンロードしてインストールする。
2. https://chrome.google.com/webstore/detail/cc%20%20-devtools-support-dwa/pdcpmagijalfljmkmjngeonclgbbannb C/C++ DevTools Support (DWARF)というchrome拡張を、chrome canaryにインストールする。

3. Chrome DevToolsを開き、DevToolsの右上の(⚙)このアイコンをクリックする。Experimentsパネルを開き、「WebAssembly Debugging: Enable DWARF support.」にチェックを入れる。

4. どのバージョンでも良いので、python3系をインストールしておく。

参考サイト:

https://developer.chrome.com/blog/wasm-debugging-2020/