UbuntuにEmscriptenをインストール

Emscripten

• 公式サイト: https://emscripten.org/

要約

インストール ↓

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

Git をインストール

sudo apt update
sudo apt install git -y

Emscripten をインストール

以下のコマンドでEmscriptenをインストールします。

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

bash

echo "source \"$PWD/emsdk_env.sh\"" >> $HOME/.bash_profile

zsh

echo "source \"$PWD/emsdk_env.sh\"" >> $HOME/.zprofile

使ってみる

sample.cという名前のファイルを作成し、以下のソースコードを記述します。

sample.c

#include <stdio.h>

void print_binary(const int num) {
    for (int i = sizeof(num) * 8 - 1; i >= 0; i--) {
        printf("%d", (num >> i) & 1);
    }
    printf("\n");
}

int main(void) {
    const int nums[] = {-1, 0, 1, 2};
    for (int i = 0; i < sizeof(nums) / sizeof(nums[0]); i++) {
        printf("Number: %3d: ", nums[i]);
        print_binary(nums[i]);
    }
    return 0;
}

sample.cを以下のコマンドでコンパイルします。

emcc sample.c

実行結果

cache:INFO: generating system asset: symbol_lists/fa6c9ed4451a325246a933ea2505f166ebdbf38d.json... (this will be cached in "$PWD/upstream/emscripten/cache/symbol_lists/fa6c9ed4451a325246a933ea2505f166ebdbf38d.json" for subsequent builds)
cache:INFO:  - ok

実行

a.out.jsとa.out.wasmが生成されます。

Node.js がインストールされている場合、以下のコマンドで実行できます。

node a.out.js

実行結果

Number:  -1: 11111111111111111111111111111111
Number:   0: 00000000000000000000000000000000
Number:   1: 00000000000000000000000000000001
Number:   2: 00000000000000000000000000000010

ブラウザで実行

sample.cを以下のコマンドでコンパイルします。

emcc sample.c -o sample.html

以下のコマンドでローカルサーバーを起動します。

npx

npx serve -p 3000

http://localhost:3000/sampleにアクセスすると、以下のような画面が表示されます。

python3

python3 -m http.server

http://localhost:8000/sample.htmlにアクセスすると、以下のような画面が表示されます。

Docker

https://emscripten.org/docs/getting_started/downloads.html#using-the-docker-image

docker run --rm -v $(pwd):/src -u $(id -u):$(id -g) emscripten/emsdk emcc sample.c -o sample.html