【Rust/WebAssembly】Rustおじさん「HellowWorldまでした10手順(for Mac)」

【Rust/WebAssembly】Rustおじさん「HellowWorldまでした10手順(for Mac)」

【Rust/WebAssembly】Rustおじさん「HellowWorldまでした10手順(for Mac)」

【Rust/WebAssembly】Rustおじさん「HellowWorldまでした10手順(for Mac)」

【Rust/WebAssembly】Rustおじさん「HellowWorldまでした10手順(for Mac)」

2017/6/13日現在の記事です。
これはRust初心者の自分がやった手順(殴り書き記事)です。

以下参照記事
https://kripken.github.io/emscripten-site/docs/getting_started/index.html

WebAssemblyとは

https://medium.com/javascript-scene/what-is-webassembly-the-dawn-of-a-new-era-61256ec5a8f6

今日のゴール

Rustで書いたコードをコンパイル。ブラウザでHelloWorldを出力するまで

環境

Mac 10.12.4 (Sierra)
パスが/usr/local/bin/zshになっている(環境に依ります)

1

curl https://sh.rustup.rs -sSf | sh

((Rust 1.14.0 以降)スクリプトをダウンロードしインストールを始めます。

2

brew install rust

3

rustc -V

バージョン確認。バージョンとコミットハッシュ、日時が返ってくる
rustc 1.14.0 (e8a012324 2016-12-16)

cargo -V

バージョン確認。2のinstallで安定版のcargoがインストールされているはず

cargoとは??

Cargoは3つのものを管理します。コードのビルド、コードが依存するライブラリのダウンロード(cargo build時)、そしてそれらのライブラリのビルド。

参照
プロジェクトを生成する場合
(以下はcargoを理解するためのコマンドですので4へ。)

$ cargo new hello_world --bin

–binを渡すことでコードをビルド。
なければライブラリをビルド。

先ほどのプロジェクトに移動してどのようなディレクトリ構成になっているか調べる

$ cd hello_world
$ tree .
.
├── Cargo.toml (package.jsonやpom.xmlみたいなもの)
└── src
    └── main.rs

cargo

参照

4

rustup target add wasm32-unknown-emscripten

(RustのコードからWebAssemblyを生成するために必要)

emscriptenとは

https://github.com/kripken/emscripten

LLVMとは

https://stackoverflow.com/questions/2354725/what-exactly-is-llvm

SDKダウンロード

5

https://s3.amazonaws.com/mozilla-games/emscripten/releases/emsdk-portable.tar.gz

6

brew install CMake

7

./emsdk install sdk-incoming-64bit

(Macの人は./emsdkになります。winは./なし)

8

./emsdk activate sdk-incoming-64bit
./emsdk install git-1.8.3 clang-incoming-64bit node-0.10.17-64bit python-2.7.5.3-64bit java-7.45-64bit emscripten-incoming

9

source ./emsdk_env.sh

更新

cd /emsdk-portable

ここの直下でhello.rs内にRustのコードを書く。

fn main(){
    println!("Hello, WebAssembly!!");
}

↑適当なコード

10

コンパイル

rustc --target=wasm32-unknown-emscripten hello.rs -o hello.js

とか

rustc --target=wasm32-unknown-emscripten hello.rs -o hello.html

今回のGitHub

https://github.com/kenmori/RustPlayground
無視ファイル多いでいいですよね??

上記作業中下のエラーが出たら。
【Rust/WebAssembly】これが出たら。Could not run CMake, perhaps it has not been installed?

【Rust/WebAssembly】これが出たら。error: could not exec the linker `emcc`: No such file or directory (os error 2)

(Visited 1 times, 1 visits today)