ALT#0x008で発表。

1. #include <stdio.h>
int main() {
printf(“hoge”);
return 0;
}

2. gcc hoge.c

3. hoge

4. emcc hoge.c -o hoge.html

5. emscriptenに入門したい

6. 自己紹介
名前：棗 光幹 (s124-学部2年)
好きな言語：JavaScript, Go
最近やってること：Web開発,インフラ
アカウント：nktafuse

7. 目次
1.emscriptenとは
2. Cで動かしてみる
3. Rustで動かしてみる
4.まとめ

8. 1.emscriptenとは
C/C++ から生成される LLVM ビットコードを入力に、
ウェブブラウザや Node.js などで動作する JavaScript
を出力するコンパイラ。
-wiki

9. 1.emscriptenとは
C/C++ から生成される LLVM ビットコードを入力に、
ウェブブラウザや Node.js などで動作する JavaScript
を出力するコンパイラ。
-wiki

10. 1.emscriptenとは
LLVM
コンパイル時、リンク時、実行時などあらゆる時点でプログ
ラムを最適化するよう設計された、任意のプログラミング言
語に対応可能なコンパイラ基盤である。 -wiki

11. つまり

12. C/C++ LLVM LLVMビットコード JavaScript,htmlemscripten

13. 2.Cで動かしてみる
フィボナッチの1000に一番近い数
字を出力する。
c
JavaScript,html

14. 2.Cで動かしてみる

15. C Clang LLVMビットコード JavaScript,htmlemscripten

16. 3.Rustで動かしてみる
Rust rustc --target wasm32-unknow-emscripten JavaScript,html

17. 3.Rustで動かしてみる

18. 余談ですけど

19. Rustって...
システム系の言語だけど、クライアント(wasm)、
バックエンド（iron, nickel）もかける。
早いし、並行処理も対応。
コンパイラ、文法などにより安全。
コミュニティー盛ん。
などなど。。。

21. ・できること（現段階で）
C/C++またはRustとJavaScriptでそれぞれ呼び出す。
html5との連携。
ロード時間が短くなる。
＊部分的な演算、画像、動画処理などの高速化。

22. ・できないこと（現段階で）
C/C++からDOM操作。
環境構築が大変。

23. 4.まとめ
・ゲーム、動画、画像の重い処理で役立ちそう。
・DOM操作や環境構築など課題はまだある。
・Rustやりたい。

24. 参考
・emscripten docs - http://kripken.github.io/emscripten-site/docs/index.html
・WebAssemblyを使ってRustのコードをブラウザ上で実行する
- https://sbfl.net/blog/2017/03/13/rust-wasm/
・mdn - https://developer.mozilla.org/ja/docs/WebAssembly/C_to_wasm

25. ご清聴ありがとうございました！