This book is about wasm-bindgen, a Rust library and CLI tool that facilitate high-level interactions between wasm modules and JavaScript. The wasm-bindgen tool and crate are only one part of the Rust and WebAssembly ecosystem. If you're not familiar already with wasm-bindgen it's recommended to start by reading the Game of Life tutorial. If you're curious about wasm-pack, you can find that documen
WebAssembly Hub と WASM OCI Image Specification について / Intro: WebAssembly Hub and WASM OCI Image Specification
Envoy Meetup Tokyo #2 で発表したスライドとなります。 https://envoytokyo.connpass.com/event/175256/ 発表時の録画は以下を参照ください。 https://youtu.be/ICN35mxcEXU?t=8685
Shared components used by Firefox and other Mozilla software, including handling of Web content; Gecko, HTML, CSS, layout, DOM, scripts, images, networking, etc. Issues with web page layout probably go here, while Firefox user interface issues belong in the Firefox product. (More info)
何も考えずにWASMインスタンスを混ぜると危ないかも
WASMの複数インスタンス間でWebAssembly.Memoryを共有すればダイナミックリンクみたいなことが実現できるかも。と思い調査したときのメモです。 結論としては、WASMインスタンス間でのWebAssembly.Memoryの共有は、私の力量では危ないということが分かりました。(2021年9月現在) 下記バージョンのClangを利用して確認しています。 WASMの状態管理 はじめに、WASMインスタンスは下記状態があります。 WebAssembly.Memory ... いわゆるメモリで、Clangが生成したコードではヒープやスタックの一部、定数が格納されているようでした。 WebAssembly.Global ... WASM内の環境、外側の環境からアクセスできるグローバル変数を表します。 WebAssembly.Table ... (現状は)WASM内からアクセスする関数ポイ
eBPFとWASMに思いを馳せる2022（Masaya Aoyama） — TechFeed Conference 2022講演より
【書き起こし】eBPFやWASMも徐々に成熟し、新たなプロダクトも出てきています。このセッションではそれらのプロダクトを紹介し、2022年に思いを馳せたいと思います。 本記事は、TechFeed Conference 2022のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画（YouTubeチャンネル登録もお願いします。） スライド資料へのリンク 本日は「eBPFとWASMに思いを馳せる2022」というテーマで、CyberAgentの青山が発表させていただきます。 ふだんはKubernetes基盤のプロダクトオーナーとして勤めるほか、いくつかの会社で技術顧問やカンファレンスのCo-chairなどを務めています。また著書としては『Kubernete
JSer.info #508 - ステート管理ライブラリのMobX 6.0がリリースされています。 mobx/CHANGELOG.md at mobx6 · mobxjs/mobx decorateを削除し、代わりとなるmakeObservableとmakeAutoObservableを追加しています。 ES ProposalのDecorator構文を使ったコードをマイグレーションするツールとしてmobx-undecorateも公開しています。また、6.0ではES2015のProxyなしでも制限ありで動作するようになるuseProxies: "never"の設定をサポートしています。 MobX 4.x、5.xからマイグレーション方法については次のページでまとめられています。 Migrating from MobX 4/5 · MobX Declarative Shadow DOMという記事
作ったもの モチベーション 使った技術 感想 作ったもの https://sue445.github.io/annict-vod-search/ github.com モチベーション 最近縁があって Annict の編集者*1 になって、気がついた時に各アニメの配信サイトの情報を登録しています。 その時にいちいち複数の配信サイトでアニメのタイトルを検索するのが大変なので一箇所で検索できるようにしたくて作りました。（製作時間は2〜3時間） 使った技術 いつもだとこの手の雑なページはVue.jsを使うことが多いのですが、今回は面白全部 *2でruby.wasmを使ってみました。 ruby.wasmで仮想DOMを扱うためにruby-wasm-vdomを利用しています。 ruby-wasm-vdomについては下記を参照。 github.com qiita.com 感想 使い慣れたRubyで書けるの
去年くらいからつくりはじめていた、libymfm.wasm ですが、GitHub のリポジトリーにコミットするだけで、ブログにあまりあれこれ書いていませんでした…!（ので書いてみます） libymfm.wasm は WebAssembly 上で動作する（主に） FM 音源シンセサイザーをエミュレートして PCM を生成するライブラリーです。ゲームなどのプログラムへの組み込みを考えて作成されました。 https://github.com/h1romas4/libymfm.wasm This repository is an experimental WebAssembly build of the [ymfm](https://github.com/aaronsgiles/ymfm) Yamaha FM sound cores library. FM 音源エミュレータコアとしては、多目的エミ
swiftc-wasm-status.md
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.
wasm
Wat? WebAssembly? Eh? WebAssembly can be thought of as a step further than asm.js toward making an optimal compile-to target for the web. Emscripten does a nice job of encoding C++ code to asm.js but the resulting code is bloated and parse-time heavy. WebAssembly is intended to be compact and quick to load. Eventually WebAssembly is likely to make it possible to run all kinds of code in the browse
Starting from Chrome 92 (to be released around July 2021), cross-origin isolation needs to be set up in your site in order to take advantage of the multi-threading support in WASM backend. Without this, the backend will fallback to the WASM binary with SIMD-only support (or the vanilla version if SIMD is not enabled). Without multi-threading support, certain models might not achieve the best perfo
WasmでLLMが動く仕組みの解説
この記事は WebAssembly Advent Calendar 2023 16日目の記事です。 はじめに 先日、次のブログでWasmEdgeを使ってLLMを動かすことができることを知りました。 以前RustでWasm Runtimeを実装した身として、どのような仕組みで動いているのか気になって調べたので、その仕組について解説してきます。 前提知識について 解説するまえに、いくつかの前提知識について解説していきます。 Wasmでの関数呼び出し Wasmではモジュール内に定義した関数を呼ぶことはもちろんできますが、モジュール外部の関数をimportして呼び出すこともできます。 たとえば、次のWATはcalcというモジュールからdoubleという関数をimportして使うことができます。 (module (import "calc" "double" ;; importするモジュールと関数
Envoy Proxy in 2019: Security, Caching, Wasm, HTTP/3, and more
Since its release Envoy Proxy has gained enormous traction in the market. Envoy was a classic case of the right product at the right time: Organizations were building increasingly sophisticated cloud applications and found they needed a new approach to manage L7 trafficEnvoy had the right set of features and performance to address this need. Some of these features included a runtime API for config
WebAssembly Advent Calendar 2023 と Swift/Kotlin愛好会 Advent Calendar 2023 21日目の記事です。 (枠が空いてそうだったのでKotlin愛好会の方のカレンダーにも登録してしまった) 以前 WasmGCで導入される型や命令のお勉強 という記事を書いてWasmGC primitivesを学んだので、次はKotlin/Wasmから生成されるWATファイルを眺めて Kotlinのhigh level constructsがWasmGCにどうマッピングされるのかを調べていく(お勉強の過程はこちら)。 Kotlin/Wasm から WAT を生成する kotlin-wasm-example/nodejs-example をいじくって出力を眺めていきます。執筆時のバージョンはKotlin 1.9.20。コンパイラに -Xwasm-gen
Show navigation We have a growing number of compilers and other tools that generate or manipulate .wasm files, and sometimes you might want to have a look inside. Maybe you’re a developer of such a tool, or more directly, you’re a programmer targeting Wasm, and wondering what the generated code looks like, for performance or other reasons. Problem is, Wasm is rather low-level, much like actual ass
ruby.wasmはじめの一歩: Ruby Next Playground構築の舞台裏（翻訳）｜TechRacho by BPS株式会社
概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: First steps with ruby.wasm: or how we built Ruby Next Playground—Martian Chronicles, Evil Martians’ team blog 原文公開日: 2024/02/06 原著者: Vladimir Dementyev（首席バックエンドエンジニア）、Travis Turner（技術記事編集者） サイト: Evil Martians -- ニューヨークやロシアを中心に拠点を構えるRuby on Rails開発会社です。良質のブログ記事を多数公開し、多くのgemのスポンサーでもあります。 日本語ブログ: 合同会社イービルマーシャンズ - Qiita はじめに 当初はHTMLやCSSのレンダラーに過ぎなかったWebブラウザは、やがて洗練された実行環境へ
GitHub - no-defun-allowed/wasm2ps: ruin the sanctity of your printer with ONE WEIRD TRICK
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Introduction WebAssembly(WASM)はブラウザー上で高速に実行することを可能にする バイナリーフォーマットであり、 いろいろなプログラミング言語で実装することが可能です。 しかし、WASMは単なるJavascriptの一部を高速化するだけの目的でなく、 さらに広い範囲でのWASM実行基盤としても進化しています。 今回はそんなWASM実行基盤の1つ、 wasmCloudを試してみました。 WasmCloud? wasmCloudは、WASMランタイムだけでなく、 どこでも実行できるWASMモジュールを作成するための分散プラットフォームです。 CNCF Sandbox プロジェクトにもなっています。 AssemblyScriptやTinyGo、Rustなどをつかって WASMモジュール(wasmCloudでいうActor)を作成できます。 Environment Mac
GitHub - ruby/ruby.wasm: ruby.wasm is a collection of WebAssembly ports of the CRuby.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
こんにちは、CX事業本部のうらわです。 最近、WebAssembly(以下、WASM)を勉強しています。 C/C++の場合、Emscriptenを使ってWASMにコンパイルできます。この手順はMDN Web Docsにも日本語の記事があります。 今回はEmscriptenではなくClangを使用してC++のコードをWASMにコンパイルする方法を試します。すでに2年前ではありますが、LLVM8.0からターゲットとして生成するバイナリにWASMが正式に対応しています。 参考: WebAssemblyに正式対応した「LLVM 8.0」がリリース また、ブラウザ外で実行するためのWASMランタイムはwasmtimeを使用します。 環境 Macで実施します。 $ sw_vers ProductName: Mac OS X ProductVersion: 10.15.7 BuildVersion: 1
Wasm とホスト間での関数呼び出しでは数値しか受け渡すことができないので、文字列や配列をやり取りするときには wasm インスタンスのメモリを経由する必要がある。例えば文字列をホスト(JavaScript)から wasm に渡したいときは一度 wasm インスタンスのメモリ領域に文字列を書いてから、書いた場所のアドレスとサイズを関数に渡す。これは数値以外の情報をやり取りする場合は wasm 側にメモリアロケータが必要であることを意味している。 Rust が生成する wasm がメモリ割り当てをどうやっているのかを調べて、自分でナイーブなアロケータを作るところまでやったので、その過程で理解したことをエントリにしておこうと思う。 ここではホスト環境としてブラウザ(JavaScript)を想定している。また wasm のインスタンス化の際にはメモリを import せず wasm 内で管理する
GitHub - slipHQ/run-wasm: Run WASM based code executions in the browser easily
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
In recent years, WebAssembly (Wasm) has emerged and gained in popularity for platform extensions as a portable binary instruction format with an embeddable and safe execution environment for client and server applications, including popular cloud-native technologies. We are very excited about the potential of Wasm across the industry, and specifically as a way to extend an Envoy-based data plane i
米Supabaseは、オープンソースのリレーショナルデータベース管理システム「PostgreSQL」をWebブラウザで動作させる「Postgres WASM」を10月3日（現地時間）に公開した。Postgres WASMは、MITライセンスで公開しているオープンソース・ソフトウェア。 Postgres WASMという名称を見ると、PostgresSQLをWebAssembly（WASM）で書き直したもののように見える。実際に開発チームも当初はその手法を使って、Webブラウザ上でPostgreSQLを動かそうとしていたとしている。しかし、実際に作業を進めてみると事前の予想以上に困難であることが分かった。 そこで開発チームは、「v86」というWebブラウザ内で動作する仮想マシンを利用することにした。v86は、x86の機械語コードをWebAssemblyに変換して動作させるものだという。サイズを
Scheme in Scheme on Wasm in the browser -- Spritely Institute
Hey, folks! Today we want to talk about the wonderful read-eval-print-loop (REPL). Thanks to WebAssembly (Wasm), it's becoming increasingly common for programming language websites to embed a REPL in which passersby can easily evaluate code and get a feel for the language without having to install anything on their computer. We'd like to do the same thing for our language of choice, Guile Scheme,
https://rubykaigi.org/2024/presentations/kateinoigakukun.html#day2
Sam Thorogood for Google Web Dev Posted on Jun 28, 2018 • Updated on Sep 18, 2018 GIFs, or JIFs, are one of those strange oddities of the internet. The format is slow, inefficient, and from the 80s (!)- did we even have color screens then? Yet today, they're everywhere. But if you want to work with this format on the web—rather than just displaying it in an <img>—the best practice is to read a GIF
Last week, a preview release of Kotlin/Wasm was announced as part of Kotlin 1.8.20-Beta. For me who has been nudging the Kotlin team to work on WebAssembly support since June 2016, that’s a huge step forward even if providing WebAssembly first class support for Kotlin will be a long journey. I also decided recently to contribute actively by creating KoWasm, an experimental side project intended to
WebAssembly（wasm）が世の中に登場して久しいが、今回はこのWasmのDecompile（逆コンパイル）の話。 聞くところによるとWasmは、不正にマルウェアの稼働など悪用に使われていることが多いのだとか。またwasmはJavascriptに比べてマシンパワーを効率的に使うことができるタスクがいくつかあるが、2022年現在では未だブラウザ内のほとんどのDOM操作、UI操作がJSの処理速度に劣っているとも言われているので、結局将来的にwasmも消えていく可能性もある。 WebAssembly(wasm)にセキュリティ情報を含めて良いか コンパイル後のwasmファイルはバイナリデータであるが、当然デコンパイルして人間が理解できそうなコードに戻すことができる。なので、重要なシークレットキー的なものをwasmの中に入れてしまうと抜き出されてしまう可能性がある。なので、結論から言うと
This web page runs a Go port of the Research Unix Sixth Edition kernel, running user-mode code in a simulated PDP11 CPU, all compiled to WebAssembly, executed in your browser. A few accounts are root, dmr, and ken. The password is the username. Have fun poking around. cd is spelled chdir. Erase is #, and line kill is @. As a convenience to 21st century users, typing backspace and ^U generate these
GitHub - atrosinenko/qemujs: Qemu.js source code with proof-of-concept machine-code-to-WASM JIT.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Rust における wasm-bindgen と wasm-pack と cargo-web と stdweb の違い - Qiita
※これは WebAssembly Advent Calendar 2018 の 12 日目の記事です ※ここでの作業はすべて nightly を前提としています 系統の違い Rust から wasm へコンパイルするには emscripten を使う方法と、 wasm-bindgen を使う方法の２つあります emscripten 系統 もともとは clang の吐いた LLVMIR から同等の JavaScript を出力できるツール 後に asm.js , wasm も出力できるようになった libc 相当の system call が JavaScript の世界でエミュレートできる(ex. FileSystem 既存の C/C++ で書かれたコードをブラウザで動くように変換するのが目的 C/C++/Rust から JavaScript を呼び出すのが主な使い方 今日はこの話はしない
wasm-pack で JS の Promise を await できる非同期 Rust を書いて node.js で動かす - Qiita
use serde::Deserialize; use wasm_bindgen::prelude::*; use wasm_bindgen_futures::JsFuture; use js_sys::{Promise, Error}; #[wasm_bindgen(inline_js = "module.exports.sleep = function sleep(ms) { return new Promise((resolve)=> setTimeout(resolve, ms)); }")] extern "C" { fn sleep(ms: f64) -> Promise; } #[derive(Deserialize)] pub struct Opt { pub count: u32, pub wait: f64, } #[wasm_bindgen] pub async fn
Solomon Hykes on Twitter: "If WASM+WASI existed in 2008, we wouldn't have needed to created Docker. That's how important it is. Webassembly on… https://t.co/xSwRTcGqtp"
If WASM+WASI existed in 2008, we wouldn't have needed to created Docker. That's how important it is. Webassembly on… https://t.co/xSwRTcGqtp
GitHub - microsoft/vscode-wasm: A WASI implementation that uses VS Code's extension host as the implementing API
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Rust×WASMに入門する(Linderaでブラウザから形態素解析) - shine-Notes
サマリ 前から名前だけしか知らなかったWeb AssemblyをRustで動かしてみた ついでにRust×NLP(ML)を覗き見したかったので、形態素解析エンジンを動かしてみた 背景 まとまった時間が有るときは(業務で全く使わない)Rustを少しずつ触っていこう、という活動を偶にやっている。 前はWebフレームワーク(Rocket)を触ってみたが、今回はRustの可能性を語る上でよく名前が出てくるWebAssemblyことWASMについて、実際どんなもんなのかを知りたかったので動かしてみた。かつ、普段はデータサイエンス周りを生息地にしているので、Rust×MLを色々探ってみて、今回は形態素解析エンジンを動かすことにした。 感想は最後に述べるとして、ざっとやったことの記録をまず載せる。 やったこと WASMでHello World まずはWebAssemblyを動かしてみる。これはMozil
【ffmpeg.wasm】ブラウザ上で動画を生成する
概要 ffmpeg.wasmを使用し、ブラウザ上で動画を生成する。 環境 Mac / Chrome 86 動作デモ 覚え書き ffmpeg.wasm ffmpegwasm/ffmpeg.wasm: FFmpeg for browser and node, powered by WebAssembly WebAssemblyによりブラウザ上で動くFFmpeg。 WebAssembly（ウェブアセンブリ） WebAssembly の概要 - WebAssembly | MDN ブラウザでJavaScriptよりも高速に動く、JavaScriptとは違う種類のコード？🤔 サンドボックス化した実行環境上で動作するらしい。記事の中で「Emscripten file system内」という表現を使用しているが、その「Emscripten file system内」がサンドボックスした実行環境？🤔
Go + WASMで始めるWeb Frontend開発 / Web frontend development using Go and WebAssembly
Go + WASMで始めるWeb Frontend開発 / Web frontend development using Go and WebAssembly
WebAssemblyはWebブラウザ上のみならず、ユニバーサルバイナリとして様々な環境で実行できるようになっています。WebAssemblyはバイナリだけでなく、テキスト形式にもでき、S式として可読性も多少あるフォーマットです。 そこで作られたのがwasm2ktです。WebAssemblyを読み込み、kotlinおよびJavaに変換するソフトウェアです。 wasm2ktの使い方 最初にC言語からWebAssemblyにします。 echo -e "#include <stdio .h>\nint main() { printf(\"hello world\\\n\"); for (int n = 0; n < 10; n++) printf(\"%d,\", n); printf(\"\\\n\"); return 0; }" > hello.c docker run --rm -v $(
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Introduction - The `wasm-bindgen` Guide
1342060 - wasm: enable by default
2020-10-06のJS: MobX 6.0、Declarative Shadow DOM、ffmpeg.wasm
ruby-wasm-vdomで雑なオレオレツールを作った - くりにっき
WebAssembly で動作する FM 音源ライブラリー libymfm.wasm
tfjs/tfjs-backend-wasm at master · tensorflow/tfjs
Kotlin/Wasmが生成するWasmGCコードを眺める
What’s in that .wasm? Introducing: wasm-decompile · V8
WASM実行基盤、wasmCloudを試してみる | DevelopersIO
wasi-sdkを利用してさくっとWASMを試す | DevelopersIO
Rustでwasm用カスタムアロケータを書く – kanejaku.org
Announcing the WebAssembly (wasm) OCI Image Spec
WebブラウザでPostgreSQLを動作させる「Postgres WASM」が公開
RubyGems on ruby.wasm
Fast GIF parsing on the web with WASM + Wuffs
The huge potential of Kotlin/Wasm
Rustのwasmを逆コンパイルして丸裸にされるのを難読化で抗う
Research Unix Sixth Edition (WASM)
Wasmの概要｜RustでWasm Runtimeを実装する
wasm2kt - WebAssemblyファイルをKotlin/Javaに変換 MOONGIFT