Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WebAssembly で 世界最速の数独ソルバーを作った話

Avatar for Yuto Ono Yuto Ono
May 22, 2023
0
960

WebAssembly で 世界最速の数独ソルバーを作った話

Avatar for Yuto Ono

Yuto Ono

May 22, 2023
Tweet

More Decks by Yuto Ono

See All by Yuto Ono
1_年間_EM_エンジニアリングマネージャー_を経験した人の話.pdf
Avatar for Yuto Ono yutoono
0
47
EMを目指す方法
Avatar for Yuto Ono yutoono
1
170
Svelte でルービックキューブを作ってみた
Avatar for Yuto Ono yutoono
1
210
レガシーなフロントエンドを_React___Next.js_にリプレースした結果.pdf
Avatar for Yuto Ono yutoono
0
1.2k
レガシーなフロントエンドを リプレースするプラクティス。 エネチェンジが挑む 「React化」
Avatar for Yuto Ono yutoono
4
2k
AWS Codebuild のすすめ
Avatar for Yuto Ono yutoono
0
1.3k

Featured

See All Featured
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.5k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
695
190k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.6k
Designing for humans not robots
Avatar for Tammie Lister tammielis
253
25k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
107
19k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
181
54k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
126
53k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
267
13k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
63
7.8k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1031
460k

Transcript

  1. WebAssembly で 世界最速の数独ソルバーを作った話 by Yuto

  2. Yuto の自己紹介 • 1995年生まれ（28歳） • ENECHANGE株式会社 • フロントエンドエンジニア • TypeScript,

    React, Next.js • 趣味で Svelte, Solid, Rust, WebAssembly など • Deno 気になる

  3. 最近、WebAssembly (Wasm) 流行っていますね • Amazon Prime Videoが動画再生にWebAssemblyを採用 • Figma is

    powered by WebAssembly • WebAssembly対応でRubyは何が出来るようになったのか？

  4. 僕も WebAssembly 触ってみたい

  5. でも、普通にTutorialやるだけじゃ つまんないな

  6. そうだ、数独を普通のJSとWasmで実装して比 較してみよう

  7. JavaScript (TypeScript) での実装 数独を一瞬で解いてしまうプログラム 平均 6.1ms

  8. Rust + Wasm での実装 数独を一瞬で解いてしまうプログラム（Rust版） 平均 2.2ms!! 圧勝！ JSよりも3.9ms速いという結果に

  9. ちなみに せっかくなのでロジック部分をnpmで公開しちゃいましたｗ https://www.npmjs.com/package/sudoku-solver-ts

  10. まとめ 詳しいことはこちらの記事に書いたので興味のある方は読んでください Rust + WebAssembly で、世界最速の数独ソルバーを作った話 [bitboard] - Qiita WebAssembly

    は、今のところ、パフォーマンス最適化の目的で Rust や C++ などの高 速な言語が選ばれているが、今後、好きな言語でフロントエンド開発できるという用途で も使われるようになるかも？ Rubyでフロントエンドを書くという時代がやってくるかも！

  11. PR ENECHANGEではエネルギー問題に興味のある エンジニアを絶賛募集しています！ ENECHANGE（エネチェンジ） エンジニア採用サイト 社会の動きと連動しながら、サービスを改善し続ける。「エネ チェンジ」の開発にはそんな面白さがある | ENECHANGE 株式会社