Rust+WebAssemblyでWebアプリは作れるのか

Rust+WebAssemblyで Webアプリは作れるのか Meguro.es #15 Nobuhito Ibaraki @niba1122

Rustとは • Mozilla が開発 • 高速 • 安全 • 2016
年、 2017 年の Stack Overflow Developer Survey で「最も愛されているプログラミング言語」で一位 (Wikipedia)

Rustとは • WebAssembly と連携 ◦ WebAssembly へのコンパイルをサポート → emscripten
不要 ◦ cargo web で簡単にビルドできる (https://github.com/kout e/cargo-web)

これだけじゃないんです

強力なマクロ • パターンマッチングを使いながら自在に構文を拡張可能 • マクロでテンプレートエンジンを作れたりする！ (maud とか )
maud (https://maud.lambda.xyz/) マクロ言語の機能で JSX のような構文拡張が可能

Client Sideを扱う強力なライブラリ：stdweb • Rust の中に JavaScript 風のマクロを記述できる •
JavaScript の API を扱うインターフェース (alert とか query selector とか ) 簡単に DOM やイベントを扱える

JSXのような構文拡張 DOMの操作＋

Rust+WebAssemblyのフレームワークを作れるのでは？

世界初かもしれない・・・

そう甘くはなかった • 変数のライフタイムとの戦い ( コールバック実行時に変数の生存を保証させるのが難しい ) • DOM のレンダリングと状態更新は
なんとか出来た • Component や Virtual DOM までは実装できなかった rju(龍) (https://github.com/niba1122/rju)

自作フレームワークの実装で四苦八苦している中・・・

yew https://github.com/DenisKolodin/yew/

yewとは • Elm や ReactJS の影響を受けた Rust フレームワーク ( 名前は
Vue.js に似てる？ ) • Virtual DOM による差分更新 • Component • HTML ライクな記法 ( ちょっと癖はある )

Model 状態を持つ構造体これに Renderable や Component トレイトを実装することでコンポーネントとしてレンダリングできる。

Template

Handle Event API Request Update State

Componentの呼び出し

サンプルアプリ https://github.com/niba1122/rust_app

まとめ • yew を使えば Rust+WebAssembly でインタラクティブなアプリを作れる！ • パフォーマンスもいいらしい https://github.com/DenisKolodin/yew/issues/5#issuecomment-354777076 •
JSer が Rust のライブラリをいきなり作るのはハード

Rust+WebAssemblyは • 型安全 • ビルドツール不要 • ハイパフォーマンスの素敵な世界です。どなたか一緒にRustを書きましょう！

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

Rust+WebAssemblyでWebアプリは作れるのか

Rust+WebAssemblyでWebアプリは作れるのか

Nobuhito Ibaraki

More Decks by Nobuhito Ibaraki

Other Decks in Technology

Featured

Transcript