Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
wasmって何? WebAssemblyはじめての方へ
Search
nako@9時間睡眠
October 19, 2022
Programming
0
220
wasmって何? WebAssemblyはじめての方へ
こちらの会の発表資料です
ElixirImp#25:はじめてのWebAssembly+Elixir
https://fukuokaex.connpass.com/event/262073/
nako@9時間睡眠
October 19, 2022
Tweet
Share
More Decks by nako@9時間睡眠
See All by nako@9時間睡眠
Elixir国内コミュニティと アンチパターン回避
nako_sleep_9h
3
120
「推し」について話すLT〜NOKIA、Elixir〜
nako_sleep_9h
0
110
YouTubeライブ対談からのエッジコンピューティング入門
nako_sleep_9h
1
170
piyopiyo.ex#15 春のElixir入学式
nako_sleep_9h
0
120
おすすめエンジニアコミュニティ
nako_sleep_9h
0
180
ElixirDesktopを楽しむための前説
nako_sleep_9h
0
390
Livebookを楽しむための前説
nako_sleep_9h
0
230
Nx、Axonを楽しむための前説
nako_sleep_9h
0
210
会社員プログラマから見たzackyさんの研究活動がすごいという話
nako_sleep_9h
0
300
Other Decks in Programming
See All in Programming
MySQL9でベクトルカラム登場!PHP×AWSでのAI/類似検索はこう変わる
suguruooki
1
250
Google I/O Extended Incheon 2025 ~ What's new in Android development tools
pluu
1
200
Gemini CLIの"強み"を知る! Gemini CLIとClaude Codeを比較してみた!
kotahisafuru
2
190
0から始めるモジュラーモノリス-クリーンなモノリスを目指して
sushi0120
0
170
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
3
290
11年かかって やっとVibe Codingに 時代が追いつきましたね
yimajo
0
180
リバースエンジニアリング新時代へ! GhidraとClaude DesktopをMCPで繋ぐ/findy202507
tkmru
4
1.3k
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
570
Quality Gates in the Age of Agentic Coding
helmedeiros
PRO
1
110
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
210
Reactの歴史を振り返る
tutinoko
1
140
SQLアンチパターン第2版 データベースプログラミングで陥りがちな失敗とその対策 / Intro to SQL Antipatterns 2nd
twada
PRO
34
10k
Featured
See All Featured
Documentation Writing (for coders)
carmenintech
72
4.9k
Building Applications with DynamoDB
mza
95
6.5k
Gamification - CAS2011
davidbonilla
81
5.4k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
A better future with KSS
kneath
238
17k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
GitHub's CSS Performance
jonrohan
1031
460k
The Language of Interfaces
destraynor
158
25k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Practical Orchestrator
shlominoach
189
11k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Transcript
wasmって何? WebAssemblyはじめての方へ 2022/10/19 nako
自己紹介 • nako@9時間睡眠 • Elixir/Phoenix初心者コミュニティ 『piyopiyo.ex』オーガナイザー • 会社員。Webサービスのサーバサイ ドエンジニア •
Elixir10周年のお祝いにSnapCamera エフェクトを作りました:D
WebAssemblyとは?
WebAssemblyとは? • WebAssembly(略称:Wasm)は、 ブラウザでプログラムを高速実行するための 「ブラウザ上で動くバイナリコードの新しいフォーマット(仕様)」です。 • WebAssemblyの開発はMozilla、マイクロソフト、Google、Appleといった主要ブラ ウザの開発者により行われています。
WebAssemblyを利用したサービスが出来るまで C/C++/Rustなどで記述されたソースコードをコンパイルし、 wasmコードを生成する。 生成したwasmコードをWebアプリとして アップロードする。 JavaScriptコードから呼び出したり、 wasmコードからJavaScriptコードを呼び出す ことができる。 C/C++/Rust などの
ソースコード コンパイラ wasm コード Webアプリケーション wasm コード Java Script HTML CSS
Google Earthを開発ツールで 見てみると、wasmファイルが あることがわかります。
WebAssemblyの歴史 2015年6月17日 開発開始を公式にアナウンス 2016年3月15日 主要ブラウザ (Firefox, Chromium, Google Chrome, Microsoft
Edge) 上で UnityによるAngry Botsというデモが行われた 最初の目標としてCとC++からのコンパイルをサポートすることを目指し、 Rust がバージョン1.14以降で、Goがバージョン1.11以降で、Kotlin/Nativeがバー ジョン0.4以降で対応するなど、他のプログラミング言語のサポートも進められ た 2017年3月7日 WebAssemblyに標準対応した初のブラウザとなる Firefox 52.0がリリースされ た 2017年11月 MozillaはSafariとEdgeがWebAssemblyに対応したと発表し、すでに対応して いるChromeとFirefoxを含め、主要なブラウザすべてでサポートされることに なった 2019年12月5日 W3C勧告「WebAssembly Core Specification」が策定され、WebAssemblyは 正式なウェブ標準に認定された
WebAssemblyが使えるプログラミング言語 https://github.com/appcypher/awesome-wasm-langs より 🥚進行中、🐣不安定だが使える、🐥本番環境で使える 🐥 .Net、🐥 AssemblyScript、🥚 Ballerina、🐥 Brainfuck、🐥 C、🐥
C#、🐥 C++、🐣 C4wa、🐥 Clean、🥚 Co、🐥 COBOL、🥚 Crystal、🐣 D、🐣 Eel、🐣 Elixir、 🐥 F#、🥚 Faust、🥚 Forest、🐥 Forth、🐥 Go、🥚 Grain、🥚 Haskell、🐣 Java、 🐣 JavaScript、🥚 Julia、🐣 Kotlin/Native、🥚 Kou、🐣 Lisp、🐥 Lobster、🐥 Lua、 🐣 Lys、🐥 Never、🥚 Nim、🥚 Ocaml、🐣 Pascal、🐣 Perl、🐣 PHP、🥚 Plorth、🐣 Poetry、🐣 Python、🐣 Prolog、🐣 Ruby、🐥 Rust、🐣 Scheme、🐣 Scopes、🐣 Swift、🐥 TypeScript、🥚 Wase、🐥 WebAssembly、🥚 xcc、🐥 Zig
WebAssemblyでよく使われる言語 よく使われる言語は • Rust • C++ • AssemblyScript が多いようです。 ※調査は2021年6月、196カ国
(米国21.8%、ドイツ9.1%、 中国9.1%など)に分散した 250人のITエンジニアが回答
WebAssemblyとElixir • Wasmex ◦ https://github.com/tessi/wasmex ◦ Wasmexは、Elixirのための高速で安全なWebAssemblyとWASIランタイム ◦ 2020年に開発開始 ◦
定期的にバージョンアップがあり、開発が進んでいる • Firefly ◦ https://github.com/GetFirefly/firefly ◦ BEAM言語用の新しいコンパイラとランタイム ◦ 2018年に開発開始
WebAssemblyが 使われているプロダクト
WebAssemblyが使われているプロダクト 『Made with WebAssembly』というサイトで確認できます。 https://madewithwebassembly.com/ Google Earth、 Unity、Figmaといった WebAssemblyを使った サービスが確認できます。
国内事例:VKET CLOUD • 自社の所有する仮想空間でサービス展開を可能にするVRエンジン • Webリンクからの簡単なアクセス、3Dアバターを使った音声とチャットによるコミュ ニケーション、美しい仮想空間での様々なサービス展開が可能です
国内事例:メルカリレンズβ • メルカリレンズβでは、カメラの入力をサーバーに送信せず、デバイス内で高速に機 械学習に関連する処理を実行 • 物体検出の数値計算のバックエンドにWebAssemblyを用いている。 • https://engineering.mercari.com/blog/entry/20211222-mercari-lens/ より •
2021/12/16公開
ご清聴ありがとう ございました!