Wasmリンカのつくりかた
WebAssembly night #10 イベント: https://emsn.connpass.com/event/192221/ 自作したWasmリンカ: https://github.com/kateinoigakukun/chibi-link
WebAssembly night #10 イベント: https://emsn.connpass.com/event/192221/ 自作したWasmリンカ: https://github.com/kateinoigakukun/chibi-link
はじめに 少し前までLinuxユーザだったので、Blogに使用するgifアニメを作るときにはffmpegを使っていました。最近Windowsに移行しまして、はてgifアニメを作るにはどうしたらいいのかな？と調べていたのですが、普通にffmpegで作れそうなことがわかりました(参考)。まぁ、結論としてはそうだったのですが、Windowsにいろんなアプリケーションをいれると動作不安定になるし嫌だな(久々にWindowsに戻ってきた人間の偏見です。)と思いまして、少し前にバズってたffmpeg.wasmを使ってブラウザ上でスクリーンを録画する機能でも作ってみるかということになりました。これで変なアプリケーションを入れずに済みそうだ。 今回作ったものは、こんな感じのものです。左側でキャプチャ対象のエリアを指定して録画します。右側で録画の結果を表示して、ダウンロードします。 余談ですが、Window
WebAssembly, a.k.a. WASM, is a standard defining a low-level programming language suitable (A) as a target for cross-compilation from many other languages and (B) for running via a virtual machine in a browser. Designed with scriptability via JavaScript in mind, it provides a way to compile C code (among others) to WASM and script it via JavaScript with relatively little friction despite the vast
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
Docker DesktopでWebAssemblyコンテナが実行可能に 「Docker+Wasm Technical Preview 2」公開
Dockerは2023年3月22日（米国時間）、「Docker+Wasm Technical Preview 2」を発表した。WebAssembly（Wasm）コンテナを実行できるDocker Desktopの特別なビルドである「Docker+Wasm」の最新開発版だ。 Dockerは2022年10月に、前のバージョンである「Docker+Wasm Technical Preview 1」を発表した。Technical Preview 1は、「WasmEdge」ランタイムを用いてWasmコンテナを実行するようになっていた。 さらにDockerは、2022年12月に公開した「Docker Desktop 4.15」で、実験的機能である「containerdイメージストア」を有効にすることで、誰でもDocker+Wasmを試せるようにした。 関連記事 Kubernetesを使ったリモート開発が
TL;DR JavaScriptとWebAssemblyの間の値渡しには気を使おう（なるべく値のコピーを避けよう）。 JSはとても高速で、単純なループではWASM並の速度が出るので、WASMの使い所はよくよく考えるべき。 はじめに 1000^2級の画像の全ピクセルをループして、（簡単に言うと）RGBA値の最も大きい値を抽出する、という処理をブラウザ上で突然したくなりました。ピクセル数が1,000,000だと、RGBAなので配列長は4,000,000となります。ブラウザで扱いたくないサイズ感です。 ここで、①WASMで高速化、ダメなら②サーバーサイドで計算させる…という算段をして、とりあえずWASMを試してみました。色々チューニングした結果、ブラウザ上で現実的な速度が出ることがわかりました（数十msの世界）。 RGBA値の計算について 本記事では深く説明しませんが、今回やりたい処理は「下記式
WASM Component Modelをまとめてみる
この記事はWebAssembly Advent Calendar 2023 13日目の記事です。 まえおき 本当はもっと発展した記事を書きたかったのですが、進捗ゼロに近いのでこのスクラップの焼き直しです。 また、あれから２ヶ月ほどたって仕様策定も進んでいると思われるのでそのキャッチアップも試みます。 WASM Component Model is 何？ WASMはプログラミング言語非依存なバイナリーフォーマットで、Rustで書いたWASMモジュールをC#からも、Pythonからも利用するということが論理的には可能です。しかし、従来のWASM Core仕様で定義されるモジュール仕様はとてもプリミティブなもので、現実としては「Rustで書いたWASMモジュールをC#からも、Pythonからも利用する」というシナリオを実現するためには実装者がかなりの注意を払う必要がありました。 例えばCore仕
Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
KotlinのコードからWebAssemblyバイナリを生成可能、Kotlin/Wasmがアルファ版として提供開始
KotlinのコードからWebAssemblyバイナリを生成可能、Kotlin/Wasmがアルファ版として提供開始 開発ツールのIntelliJ IDEAやプログラミング言語Kotlinなどの開発元であるJetBrainsは、これまで試験的プレビュー版だったKotlinのコードからWebAssemblyバイナリを生成する「Kotlin/Wasm」を、アルファ版として提供開始すると発表しました。 Kotlin/Wasm is now in Alpha and ready for you to try! Build web applications with Kotlin and use Kotlin/Wasm in your KMP projects. Take it for a spin and share your feedback with us! Learn more about t
GitHub - microsoft/aici: AICI: Prompts as (Wasm) Programs
The Artificial Intelligence Controller Interface (AICI) lets you build Controllers that constrain and direct output of a Large Language Model (LLM) in real time. Controllers are flexible programs capable of implementing constrained decoding, dynamic editing of prompts and generated text, and coordinating execution across multiple, parallel generations. Controllers incorporate custom logic during t
GitHub - glebbash/LO: LO - small programming language targeting WASM that aims to be as simple as possible
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 - mitchellh/libxev: libxev is a cross-platform, high-performance event loop that provides abstractions for non-blocking IO, timers, events, and more and works on Linux (io_uring or epoll), macOS (kqueue), and Wasm + WASI. Available as both a Zig an
libxev is a cross-platform event loop. libxev provides a unified event loop abstraction for non-blocking IO, timers, signals, events, and more that works on macOS, Windows, Linux, and WebAssembly (browser and WASI). It is written in Zig but exports a C-compatible API (which further makes it compatible with any language out there that can communicate with C APIs). Project Status: 🐲 Unstable, alpha
https://rconv.ongaeshi.me Ruby on Browser に続いて Ruby WASM/WASI で電卓っぽいものを作りました。 ongaeshi.hatenablog.com テキストボックスの内容を入力としてRubyスクリプトに渡して評価し実行結果を出力します。つまり入力→変換→出力するRubyアプリケーションがブラウザ上で簡単に作れます。コードはURLに記録されるので簡単に共有することができます。 基本 Rconv.set()メソッドに渡したブロックの中身が変換プログラムになります。ブロック引数に渡されるのはテキストボックスの内容がevalされたものです。Always string = true のときは常に文字列になります。ブロックの戻り値、もしくは標準出力に何か出力されたときはその内容が、そうでないときはブロックの戻り値が出力されます。 例えば irb
(at least for now)… We recently got pinged on Twitter regarding a question about WebAssembly (WASM) being the future of Babylon.js. Here is our response: Our friends at Three.js had the same answer by the way :) I wanted to use this blog to get more into details about why we do not think WASM is the future of JavaScript frameworks. WASM is a target not a user facing languageWASM is meant to be a w
こんにちは! テリーです。コロナのワクチンができたかも!?といううれしいニュースが話題になりましたね。自宅引きこもり生活もそろそろ終わりが見えてきたでしょうか。多くの芸能人がYouTubeにチャンネルを開設してくれたおかげで、入浴中に10分程度のお気に入りチャンネルを毎日見る習慣ができてしまいました。自分もヒカキンのようなYouTuberになって一儲けしてやろうと思い立ち、スマホで撮影してみましたが、編集の大変さでギブアップしてしまいました。オンラインで動画編集して、誰かに作業を手伝ってもらったり、アドバイスしてほしいですよね。そこで今回は、ブラウザで動画編集するのに役立つ最新技術をご紹介します。 今回紹介する技術 rnnoise-wasm ffmpeg.wasm wasmとは wasmはWebAssemblyの略称または拡張子で、ワズムまたはワスムと読みます。WebAssemblyとは、
GitHub - kleisauke/wasm-vips: libvips for the browser and Node.js, compiled to WebAssembly with Emscripten.
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
WASM Playground
GitHub - KnicKnic/WASM-ImageMagick: Webassembly compilation of https://github.com/ImageMagick/ImageMagick & samples
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 - kylebarron/parquet-wasm: Rust-based WebAssembly bindings to read and write Apache Parquet data
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
HTML5ではIndexedDBというデータベースAPIが実装されています。しかし、若干利用法が独特な分、なかなか使いこなすのが難しいようです。昔ながらのRDBMSであったり、廃止になってしまったWebSQLデータベースの方が使いやすかったかも知れません。 今回紹介するsql.jsはSQLiteをEmscriptenを使ってJavaScriptで使えるようにしたライブラリになります。 sql.jsの使い方 デモです。SQLを実行できます。 結果も取得できます。 任意のSQLiteファイルを読み込めます。 sql.jsはSQLiteをWebAssemblyにし、実行できるようになっています。仮想ファイルシステムを使っており、インメモリで動作しています。そのため、Webブラウザをリロードしてしまうと消えてしまうのが難点です。その点さえ目をつぶれば、Webブラウザ上で自由にSQLを実行できる環境
Editor’s note: With the release of Docker Desktop 4.15, Docker+Wasm is now in beta! Check out the documentation to learn more. The Technical Preview of Docker+Wasm is now available! Wasm has been producing a lot of buzz recently, and this feature will make it easier for you to quickly build applications targeting Wasm runtimes. As part of this release, we’re also happy to announce that Docker will
GitHub - wasmerio/kernel-wasm: Sandboxed kernel mode WebAssembly runtime.
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
どうもこんにちは。筆者はここ1年くらいnitrogqlというTypeScript + GraphQL向けコード生成ツールを開発しています。（初手宣伝） このツールの本体はRustで書かれており、コンパイルするとWASMバイナリが生成されます。このWASMバイナリをNode.jsから呼び出すようなラッパーを作って、コマンドラインツールとしてnpmで公開しています。 その性質上、Node.js側とWASM側で通信（データのやり取り）が発生します。特に、設定ファイルなどが.jsや.tsで書かれていても読み込む機能があり、その際はRust側からNode.js側に制御を渡してNode.js側でファイルを読み込み、結果をRust側に返すようになっています。 実は、nitrogqlの（Rust側）コードにはこれまで非同期処理が含まれていませんでした。しかし、パフォーマンスのことなどを考えると非同期処理に
Back to articlesAnnouncing py2wasm: A Python to Wasm compilerpy2wasm converts your Python programs to WebAssembly, running them at 3x faster speeds Since starting Wasmer five years ago we've been obsessed with empowering more languages to target the web and beyond through Webassembly. One of the most popular languages out there is Python, and while it is certainly possible to run Python programs i
少し前ですが、Docker の Technical preview として WASM (WebAssembly) のサポートが発表されました。 普段から Docker を利用していますが、そもそも WASM が何なのか? WASM をサポートしたことによって何ができるようになるのか? がわかっていなかったので、一通り調べてみました。 WASMとは まずは、WASM 自体の理解を深めるために、下記のドキュメントにざっと目を通します。 WebAssembly MDN's WebAssembly pages WASM とはバイナリコードの仕様で、そのフォーマットに対応したバイナリを実行する Stack-based な仮想マシンのことを指します。 開発初期は、ブラウザ(JS)の高速化が目的で、それを念頭に置いたような記載もドキュメントにあります。 WebAssembly is a new type
Kernel/VM探検隊はカーネルや仮想マシンなどを代表とした、低レイヤーな話題でワイワイ盛り上がるマニアックな勉強会です。佐伯氏は、WebAssemblyのWebの外の応用について発表しました。全2回。後半は、WasmがWeb外でどのように使われているか、WASIとProxy-Wasmの例から発表しました。前半はこちらから。 WASIはOSの上でWasm executableを動かすためのPortableなAPI／ABI 佐伯学哉氏（以下、佐伯）：そういう特徴があると、かなりうれしいことがわかったんですが、具体的に何に使われているのか特にWASI（WebAssembly System Interface）とProxy-Wasm（Web Assembly for Proxies）について話したいと思います。 WASIはWebAssembly System Interfaceの略で、OSの上
はじめに質問 Wasm は何で書く？Go? Rust? AssembyScript? やっぱりWasm は C++!!!～Wasm/EmscriptenでOpenCVを使う～ ※現状での個人の見解です。 ということで、Emscripten で OpenCV を扱うことについて記事です。 この記事の元ネタはWebAssembly Night #10の発表内容です。 そしてOpenCV Advent Calendar 2020 の 9 日目でもあります。 画像処理 on your Browserの時代 Wasm といえば最近はすっかり Go や Rust で書くことが盛り上がっていますが、まだまだ C++/Emscripten も活躍しどころがあります。ブラウザでのクライアント画像処理が代表的なものでしょう。 WebRTCインフラの充実 時雨堂 WebRTC SFU Sora/NTT Com.
Lily Maraと信頼性の高いKafkaデータ処理パイプラインを構築する 今日の回では、Thomas Betts氏がカリフォルニア州サンマテオにあるOneSignalのエンジニアリングマネージャー、Lily Mara氏に話を聞いた。 彼女は、OneSignalの他のエンジニアリングチームが使用する社内サービスを担当するインフラサービスチームを管理している。信頼性の高いKafkaデータ処理パイプラインの構築方法について議論する。OneSignalは、RustのKafka...
こんにちは、CyberFight DX 事業本部で web フロントエンドエンジニアをしている久保です。CyberFight DX 事業本部は複数のエンタメサービスを開発、運用するFANTECH本部に所属しています。今回は、管理画面を対象に WebAssembly ( Wasm ) を導入した事例をご紹介します。 FANTECH 本部では技術ブログでの発信を強化しており、最近では下記のような記事を投稿しています。ぜひご一読ください。 Cloud Run サイドカーで Fastly の Prometheus Metrics を収集して Grafana で可視化する reminder-lintでFeature Flagsの削除漏れを防ぐ マルチリージョンで稼働する内製Feature Flagsの実装 私たちのプロダクト WRESTLE UNIVERSE では、ユーザー対象のキャンペーンを実施す
GitHub - jupyterlite/jupyterlite: Wasm powered Jupyter running in the browser 💡
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
Vimをwasm runtime化する
はじめに 最近Dockerがwasm対応を発表していて、wasmがこれからますます盛り上がりそうな予感がしています。 一Vimmerとして、なんとかこのビッグウェーブに乗りたいため、Vimをwasm runtimeにすればいいのでは？と思ったので実際に簡単なものを実装してみました。 足し算、引き算、フィボナッチ関数、分岐を動かせる程度で実用的ではありません。 Vimをwasm runtime化する 上記のプラグインをインストールすれば、こんな感じで使えます。
Cloudflare WorkersをRust(WASM)で書くと速いのか - console.lealog();
なんとなく察しはついてるけど、いちおう確かめておこうかと。 GitHub - leader22/workers-benchmark 詳細はこのリポジトリに。 Rustで書くには ドキュメントなどあらゆる情報は、Cloudflare公式のこのリポジトリにある内容がすべて。 GitHub - cloudflare/workers-rs: Write Cloudflare Workers in 100% Rust via WebAssembly Workerグローバルのコードがそれ用のcrateになってて、それを使ってRustでコードを書く。RequestやらKVやらだけでなく、いわゆるRouterやちょっとした便利関数まで実装されてた。 READMEにあるコード例をそのまま貼るとこんな雰囲気で。 use worker::*; #[event(fetch)] pub async fn main(
ロングもみあげガール推進部 @kb10uy そもそもどうしてこんなことをやろうと思ったかというと、割と前から ShortStoryServer の Playground では WASM が利用されていて、Web 以外でも用途が広がるんじゃないかと思ったからでして 2020-11-14 13:04:06 ロングもみあげガール推進部 @kb10uy で、調べて初めて知ったんですけどそういう目的で使うために WASI (WebAssembly System Interface) ってのがあるんですね。まあ今回は WASI はあんまり関係なくて、どちらかというとそのランタイムであるところの wasmtime を見つけたことのほうがでかい 2020-11-14 13:05:44
Multi-languageCreate workers in different languages like JavaScript, Ruby, Python, Rust and Go thanks to WebAssembly. $ curl -fsSL https://workers.wasmlabs.dev/install | bash $ wws --help A WebAssembly framework to develop and run serverless applications anywhere Usage: wws [OPTIONS] [PATH] [COMMAND] Commands: runtimes Manage the language runtimes in your project help Print this message or the hel
WasmバイナリをrunwasiとPodman/crun/WasmEdgeから実行してみた | DevelopersIO
DockerやKubernetesで利用されているコンテナランタイム containerd からは、shim を通じてruncやAWS Fargateで利用されているFirecrackerなど様々なコンテナ実行方法をサポートします。 数年前にDocker社のプレスリリースで話題になったのように、WebAssembly(Wasm)アプリも実行することができ、Wasm向けshimから runwasi を呼び出すほか、runc 向け shimから Wasm対応した crun を 呼び出す事もできます。 ※ 図はIntroducing the Docker+Wasm Technical Preview | Docker から 本記事では、両ケースに対応する containerd をインストールしたあと、runwasi 方式とPodman&crun のそれぞれで実行します。 検証環境 Ubuntu
Reality check for Cloudflare Wasm Workers and Rust Published on: September 17, 2021 With native Rust support recently announced for Cloudflare Workers, I wanted to take a moment and write about the possibilities, but also the obstacles as a sort of reality check for myself. I’m extremely bullish about Cloudflare, Wasm, Rust, edge computing, and the recently announced native Rust support. If I’m no
WASMのサイズでかすぎね？: Rustが征く(6)
rollup.jsに爆速esbuildを組み込む方法 Rustのimage::load_from_memory遅すぎ問題 WebでWebAssemblyを使う方法を模索してふと思った。 (ﾟ-ﾟ) サイズでかいなぁ。。。 cargo buildで普通にビルドすると wasm_image_resizer.wasm 2.2 MB とメガ単位の結果がゴロゴロでてくる。 いくら光回線が当たり前のご時世でも、 ちょっとよろしくない。 なので今回はサイズを小さくする方法を調べてみる。 ヾ(・ω<)ﾉ" 三三三● ⅱⅲ コロコロ♪ ------------------- ↓ 本題はここから ↓------------------- 最適化レベルの調整 コンパイル時に行う最適化を設定する 0, 1, 2, 3, s, zの6種類から選択。 最適化レベルが高いのはzだが、 zが一番容量小さくなるわけではない
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ffmpeg.wasmを使ってブラウザ上で画面録画機能を実装した話
About the sqlite3 WASM/JS Subproject
GitHub - ktock/vscode-container-wasm
WASMのパフォーマンス最適化の勘所と使い所考察 - Qiita
markdown-wasm：WebAssemblyで記述された非常に高速なMarkdownパーサー
Stork、JAMStackのためのRust/Wasmベースの高速全文検索
WASM-4
rconv - Ruby WASMでプログラム電卓を作りました - ブログのおんがえし
Why WASM is not the future of Babylon.js
ブラウザで動画編集! ffmpeg.wasmの活用方法紹介 | さくらのナレッジ
V on Twitter: "Docker一強の終焉にあたり、押さえるべきContainer事情 https://t.co/vzYK015bbe 大変勉強になった。うちみたいに k8s を一切使ってない企業としては Docker で良い事がわかった。商用契約をこのまま使い続けていくでよさそう。Wasm / WASI 楽しみ。" / Twitter
sql.js - SQLiteをWASM化したWebデータベース MOONGIFT
Introducing the Docker+Wasm Technical Preview | Docker
Node.jsから呼び出したWASMバイナリ（Rust製）と非同期に通信したい話
Announcing py2wasm: A Python to Wasm compiler · Blog · Wasmer
Docker+Wasm Technical PreviewからWASMに入門する
WebAssemblyの“Openさ”は多様な応用先を生む源泉 自分だけのWasm Embedding Interfaceを考えよう
やっぱりWasm は C++!!!～Wasm/EmscriptenでOpenCVを使う～
Shopify、RubyコードからWasmモジュールを作成するツールチェーン「Ruvy」をオープンソース化
管理画面にWasm入れてみた | CyberAgent Developers Blog
汎用プラグインとしての WASM (WebAssembly) の可能性の模索 with LuaJIT 対決
Wasm Workers Server | Wasm Workers Server
Reality check for Cloudflare Wasm Workers and Rust