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.
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
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
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
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
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内」がサンドボックスした実行環境？🤔
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 $(
From Spring Boot 2 to Spring Boot 3 with Java 21 and Jakarta EE
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
GitHub - lastmjs/wasm-metal: A bare metal physical implementation of WebAssembly. That's right, a WebAssembly CPU.
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
GitHub - extism/extism: The framework for building with WebAssembly (wasm). Easily load wasm modules, move data, call functions, and build extensible apps.
Extism is a lightweight framework for building with WebAssembly (Wasm). It supports running Wasm code on servers, the edge, CLIs, IoT, browsers and everything in between. Extism is designed to be "universal" in that it supports a common interface, no matter where it runs. Note: One of the primary use cases for Extism is building extensible software & plugins. You want to be able to execute arbitra
はじめに "Rust and WebAssembly"の公式チュートリアルに一通り目を通したのでこれを拡張して遊んでみます。最近巷では感染症の数理モデルで遊ぶのが流行っているようなので、これをセルオートマトンにしたシミュレーションアプリを作ります。ただ、チュートリアル通りにゲームのロジック側をRustで記述しつつcanvasの描画やイベントハンドラをJavaScriptで書くのも味気ないので、ここではWeb側の描画・操作も全てRustで書きます。 GitHubコード 動作デモページ 1 感染症の数理モデル 感染症の流行過程を記述する数理モデルとして最も基本的なものにSIRモデルと呼ばれるものがあります。SIRモデルはまず人口を S (Susceptible): 感受性保持者（これから感染する人） I (Infected): 感染者 R (Recovered): 免疫獲得者（感染症から回復し
WasmをさわってJSとの速度比較をしてみた
モチベーション WebAssembly(Wasm)とは何かを知る 具体的な実装イメージはどんな感じか（WasmコンパイルをRustで行う場合） JSとの速度比較をする WebAssembly(Wasm)とは Webブラウザ上で、JSよりももっと高速に実行できる技術 厳密には、Webじゃなくても動くし、アセンブリでもない Wasmという言語があるわけではなく、C, C++, Rust, Goなどの言語からWasmファイルを生成し、各環境で利用する（ブラウザじゃなくても動作する） JSの上位互換として思われがちだが、Wasm自体は計算しか出来ないので、JSと協調させて動作させるWeb周辺技術という扱いが正しいです。 2022年現在では、メジャーなモダンブラウザはWasmをサポートしており、Google Meetのぼかし機能だったり、顔や手のトラッキング系のJSライブラリなど身近なところでWas
wasi-sdk,wit-bindgenとjcoでWebPに対応した画像diff wasm componentを作成する
Visual Regression Test をサポートする reg-actions をリリースしたという記事のTODOとして挙げたのだが、reg-viz/reg-cliのwasm化とwebp対応を進めたいと思っていた。 今回はその第一歩として画像diffライブラリのwebp/wasm化対応と、その際に躓いた内容などを記載する。 TL;DR webpをサポートした画像diffライブラリをRustで書き、wit-bindgenとjcoでnode.js,denoから使用できるようにした webpのサポートにはlibwebpを使用した 当初はwasm32-unknown-emscriptenで進めていたがComponent化で問題が発生した wasi-sdkを利用し、wasm32-wasiにtargetを変えることでimportをwasi_snapshot_preview1に揃えることで上記を回
Modfy - FFMPEGをWASM化して動画変換
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 動画変換を行うソフトウェアは多数あります。簡易的なものであればVLCを使ったり、QuickTimeなどでもできるでしょう。より高度な変換をしたい場合にはFFMPEGが使えますが、コマンドラインだけで目的としている動画を作るのはとても大変です。 そこで使ってみたいのがModfyです。Webベースで使える動画変換ソフトウェアです。 Modfyの使い方 メイン画面です。左側に動画をドラッグ&ドロップします。 登録しました。次に変換条件を指定していきます。 動画はフォーマットの変換、トリム、アスペクト比の変更、連結などが用意されています。 変換中です。 変換した動画はModfy上で再生できます。 ModfyはFFMPEGをWebAssemblyで変換し、Webブラウザ上で使えるようにしてい
GitHub - duckdb/duckdb-wasm: WebAssembly version of DuckDB
DuckDB is an in-process SQL OLAP Database Management System. DuckDB-Wasm brings DuckDB to every browser thanks to WebAssembly. Duckdb-Wasm speaks Arrow fluently, reads Parquet, CSV and JSON files backed by Filesystem APIs or HTTP requests and has been tested with Chrome, Firefox, Safari and Node.js. Learn more about DuckDB-Wasm from our VLDB publication or the recorded talk. Try it out at shell.du
はじめに こんにちは、主にWebフロントエンドエンジニアをしているきーくん(komura-c)です。今回は業務とは関係なく、ffmpeg.wasmに興味を持ったため、ブラウザ上で動かしてみました。主にフロントエンド側の処理について追って、書いてみたのでぜひ読んでみてください！ はじめに ffmpegとは ffmpeg.wasmとは ffmpeg.wasmをブラウザ上で動かす おわりに ffmpegとは ffmpegはオーディオ、ビデオなどを変換、処理するためのライブラリ、ツール群です。 https://github.com/FFmpeg/FFmpeg ffmpegのコードは主にLGPLライセンスで公開されていますが、依存ライブラリにより多様なライセンスが適用されています。 https://github.com/FFmpeg/FFmpeg/blob/master/LICENSE.md 歴史の
こんにちは、CX事業本部のうらわです。 以前書いた以下の記事ではwasi-sdkをダウンロードしてClangでC++のコードをWASMにコンパイルし、wasmtimeを使用してブラウザ外でWASMを実行してみました。 今回は、引き続きwasi-sdkを利用し、今度はWASMをブラウザで実行してみます。 環境 Macで実施します。webサーバを実行するためにpythonも使用します。 $ sw_vers ProductName: Mac OS X ProductVersion: 10.15.7 BuildVersion: 19H15 $ python --version Python 3.8.5 本記事のコードは以下のGitHubリポジトリに格納してあります。 実装 まずはsrc/calc/calc.cppを作成します。 引数のdouble型の値を10,000,000倍して四捨五入するという
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
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
Announcing the WebAssembly (wasm) OCI Image Spec
WebブラウザでPostgreSQLを動作させる「Postgres WASM」が公開
RubyGems on ruby.wasm
The huge potential of Kotlin/Wasm
Rustのwasmを逆コンパイルして丸裸にされるのを難読化で抗う
Research Unix Sixth Edition (WASM)
Wasmの概要｜RustでWasm Runtimeを実装する
wasm2kt - WebAssemblyファイルをKotlin/Javaに変換 MOONGIFT
RustでWasm Runtimeを書いた in UV_Study
Introduction - The `wasm-bindgen` Guide
Rust+WASMで感染症の数理シミュレーション - Qiita
Wasm3 on X: "I regret to inform the community that since my own house was destroyed by russians who invaded my country, Wasm3 has entered a minimal maintenance phase. https://t.co/i8BNxMtIJ5"
ffmpeg.wasmをブラウザ上で動かしてみた - voicy tech blog
wasi-sdkでWASMを試す（ブラウザで実行する） | DevelopersIO