Leaning Technologiesは2024年2月1日（米国時間）、モダンブラウザで動作するWebAssemblyベースのJava仮想マシン（JVM）である「CheerpJ 3.0」の提供を開始したと発表した。 CheerpJ 3.0は、Java 8との幅広い互換性を持ち、Javaアプリケーション、アプレット、ライブラリ、Java Web Start/JNLPアプリケーションを、プラグインなしでブラウザで実行するためのランタイム環境を提供する。 JavaバイトコードをJavaScriptに変換するJIT（Just-In-Time）コンパイラと、OpenJDKに基づくJava SE 8（Java Platform, Standard Edition 8）ランタイムという2つのコンポーネントの組み合わせで、いずれもC++で書かれており、Cheerpを使ってWebAssemblyとJava
Wasmで少しだけ手軽にRubyとRubyスクリプトを持ち運ぶ
やりたいことRuby の環境を作らずに基本的なスクリプトを動作させたい 非エンジニアの環境で 1 ファイルでコマンドを動作させたいというほどの環境の縛りはない簡単に Docker 環境で基本的なコードが動けばよい、程度今回できたことWasm 版 Ruby を Wasm Runtime 上で動かす基本的な Ruby コードと Wasm 版 Ruby を一つの Wasm module にパッケージし、それを Wasm Runtime 上で動かす さらに Wasm module を compile しておいて起動を速くする（Rubyについてはまだまだ課題は多いが）Wasm を使うことで直接実行バイナリを生成できない言語でも JVM + .war 程度の使い勝手である程度のことができることが分かった実験に使ったのは macOS 13.6.7 ( arm64 darwin 22 )Ruby 3.2.
web-sys: requestAnimationFrame - The `wasm-bindgen` Guide
web-sys: A requestAnimationFrame Loop View full source code or view the compiled example online This is an example of a requestAnimationFrame loop using the web-sys crate! It renders a count of how many times a requestAnimationFrame callback has been invoked and then it breaks out of the requestAnimationFrame loop after 300 iterations. Cargo.toml You can see here how we depend on web-sys and activ
プログラミング言語Rubyの国内最大級のカンファレンス「RubyKaigi」。「RubyKaigi 2022」のKeynoteで登壇したのは、齋藤優太氏。「Ruby meets WebAssembly」のテーマで、WebAssembly上でRubyが動くようになった経緯、テクニック、ユースケースについて発表しました。全2回。後半は、WebAssemblyのユースケースについて。前回はこちら。 WASIでCRubyをWebAssemblyにポートする方法 齋藤優太氏：ここまでが前半戦で、ここからどうやってCRubyをWebAssemblyにポートしたかを紹介します。 CRubyはCで書かれたプログラムなので、すでにいろいろな環境にポートされています。このCRubyのソースコードは、かなりポータブルに書かれているので、CからWasmにコンパイルするコンパイラもあるしポーティングは簡単だなと。
【BigQuery】UDFでWebAssemblyを試す
こんにちは。JDSCの栗林です。 BigQueryを使用されている方であれば、JavaScriptでユーザ定義関数(UDF)を作成できることはご存知かもしれません[1]。JavaScriptはSQLに比べてかなり自由度は高いのですが、実行速度の面ではどうしても不利になってしまいます。 そこでJavaScriptの高速化といえばWebAssembly！[2]ということで、BiqQueryのUDFでWebAssemblyを試してみたところ、一定の効果が見られたのでご紹介します。 まずは結果からみてみましょう。100個のデータそれぞれに対して、ループ回数を数える単純な処理を実行したときの実行時間を計測しました。BigQueryの実行時間はバラツキが大きいため、５回測定した中央値を採っています。 JavaScriptではループ回数が10の6乗を超えると極端に実行時間が増加しますが、WebAssem
WebAssembly brings extensibility to network proxies
The latest news from Google on open source releases, major projects, events, and student outreach programs. With the Istio 1.5 release we are happy to introduce WebAssembly (Wasm) extensions in Envoy, built with our long running collaborators Lyft and IBM. With partners like Solo.io deepening their engagement as well, we are excited to see the community and ecosystem developing around this segment
GitHub - eliot-akira/waxolotl: A small language that compiles to WebAssembly Text format
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
Pyodideとは WASM上にビルドされたPython+NumPyなどのデータ分析ライブラリの実行環境です。 これまでにwebでPythonを使うとしたら、サーバサイドで使うか、BrythonのようなものでJavaScriptにトランスパイルするしかありませんでした。Brythonもajaxができたり結構な数の標準モジュールがサポートされていたりとすごいんですが、仕組み上NumPyのようなCによる低レイヤー拡張を含む外部ライブラリは使えません。 そこに出てきたのがPyodideです。これはWASMで全部まるっとコンパイルしているので、NumPyもscikit-learnも使えます。get startedしたらあまりの簡単さとポテンシャルにひっくり返ったので書いておきます。 github: https://github.com/pyodide/pyodide ドキュメント: https:/
Backend agnostic server-side rendering (SSR) for Web Components Web Components are the browser native way to extend HTML. But as a primarily browser based technology they are defined with JavaScript which limits them to either rendering solely client side — which has janky performance, poor SEO, and is not optimally accessible — or within a server-side JavaScript runtime, which isn’t always an opt
The WebAssembly (Wasm) ecosystem is transforming. Developers can look forward to a modular, virtualizable, and robust environment for building applications, libraries, and services. We are excited to be working towards this with implementations for WASI-Preview 2. This roadmap reflects changes occurring in standards within the WebAssembly Community Group (CG) and the WASI Subgroup within the W3C.
Rust 🦀 and WebAssembly 🕸 This small book describes how to use Rust and WebAssembly together. Who is this book for? This book is for anyone interested in compiling Rust to WebAssembly for fast, reliable code on the Web. You should know some Rust, and be familiar with JavaScript, HTML, and CSS. You don't need to be an expert in any of them. Don't know Rust yet? Start with The Rust Programming Lang
Rust+wasmでWebSocket上にバイナリデータ(CBOR)を流してみる - aptpod Tech Blog
この記事はAptpod Advent Calendar 2019の10日目の記事です。 先端技術調査グループの大久保です。 前回の記事では、WebSocketのechoサーバにアクセスするwasmをRustとGoで作成しました。今回は、echoだけでは物足りないので、意味のあるバイナリデータをサーバから流して、クライアント側、すなわちWebブラウザ上に表示するまでやってみます。あまり大きくないデータならJSONにして文字列を流せば良いのですが、JSONだとサイズが問題になるようなケースを想定して、JSONよりコンパクトなCBORを使ってみます。 ちなみに今回はRust作ったところで力尽きたので、対応するGoのコードは残念ながらありません。 実装 3つのクレートに実装を分けます。送るデータの定義、エンコード、デコードを担当するmydataクレート、サーバを担当するws-serverクレート、
TL;DR Bytecode Alliance が毎月配信しているコミュニティミーティングを見て内容のサマリーや関係することについてまとめています。 参照したコミュニティミーティングは、1 月 31 日に実施されたものです。 2023 年に Bytecode Alliance が見据えている次のような WebAssembly の仕様動向について語られています。 ✅ WASI Preview 2 ✅ コンポーネント レジストリ Bytecode Alliance Foundation Bytecode Alliance Foundation は、WebAssembly の仕様の標準化を推進する団体です。 WebAssembly (Wasm) や **WebAssembly System Interface (WASI)**など、W3C 標準に基づくソフトウェア基盤の実装に取り組んでいる非
GitHub - cloudflare/cobweb: COBOL to WebAssembly compiler
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
ZeroGram ゲームプログラミングの素
ZeroGram ゲームプログラミングの素 Twitter zerogram@zerogram_info YouTubeチャンネル youtube.com/channel/UC-EHxLtAVq7qKk5YMivoGSA note note.com/zerogram0g お知らせ 2024/1/9 閉鎖しました。 noteで活動してます。 note note.com/zerogram0g
Debugging WebAssembly Outside of the Browser – Mozilla Hacks - the Web developer blog
WebAssembly has begun to establish itself outside of the browser via dedicated runtimes like Mozilla’s Wasmtime and Fastly’s Lucet. While the promise of a new, universal format for programs is appealing, it also comes with new challenges. For instance, how do you debug .wasm binaries? At Mozilla, we’ve been prototyping ways to enable source-level debugging of .wasm files using traditional tools li
WebAssembly導入の効果をプラットフォーム別に比較してみた - anti scroll
先日、縦書き文庫の組版エンジン（nehan）をRustで書き直し、WebAssembly化したと報告しました。 tategakibunko.hatenablog.com その際に「約3倍の速度向上があった」と書いたのですが、あれから約２週間分の利用者のログをもとに、プラットフォーム別に速度を比較したところ、ちょっと違う結果が出ました。 比較したプラットフォーム とても大雑把ですが、PC（Windows）とPC（Mac）とiPhone、Androidに分けて計測しました。 プラットフォーム別の速度 以下は速度比較のグラフです。縦軸は秒速の組版字数で、大きいほど速いことになります。 赤がnehan7(js)の速度で、青がnehan8(wasm)の速度です。 nehan7(js) vs nehan8(wasm) プラットフォーム別の速度向上率は、こんな感じでした。 PC（Windows）：約7倍
GitHub - GraphiteEditor/Graphite: 2D raster & vector editor that melds traditional layers & tools with a modern node-based, non-destructive, procedural workflow.
Graphite is an in-development raster and vector graphics package that's free and open source. It is powered by a node graph compositing engine that fuses layers with nodes, providing a fully nondestructive editing experience. Presently, Graphite is a lightweight vector graphics editor that runs in your browser. Its node-based compositor lets you apply image effects and co-create art with generativ
はじめに Wasmの特徴 仮想マシン実行環境 スタック 関数 グローバル変数 メモリ テーブル 命令セット データ型 数値演算 ベクトル演算 変数、メモリ、テーブルアクセス 制御フロー ランタイムとのインタフェース バイナリフォーマット タイプ インポート 関数 テーブル メモリ グローバル エクスポート スタート エレメント データ 終わりに 執筆者 : 小田 逸郎 はじめに WebAssembly(以下、Wasm)というものが世間で話題となっているようです。 元々、Webブラウザで実行されるバイトコードであるという程度の認識で、Java みたいなものか(?)くらいの感想しかなく、あまり関心はなかったのでした。 しかしながら、最近、Kubernetesでコンテナの代わりにWasmアプリケーション を扱えるような記述を見かけるに至り、「は？(なんじゃそりゃ)」と、 にわかに関心が出てきたの
inductor / Kohei Ota in California on Twitter: "「もし2008年にWASMがあったらDockerを作る必要がなかっただろう」というかつてDockerを作った男の発言もあるくらいにはWASMはランタイムとしてもアツい技術です。 https://t.co/CvWdkXZEEU #kernelvm"
「もし2008年にWASMがあったらDockerを作る必要がなかっただろう」というかつてDockerを作った男の発言もあるくらいにはWASMはランタイムとしてもアツい技術です。 https://t.co/CvWdkXZEEU #kernelvm
Intro
infoThis documentation is a work-in-progress. Use.GPU is in alpha. warning_amberWebGPU is only available in certain browsers. Use.GPU is a set of declarative, reactive WebGPU legos. Compose live graphs, layouts, meshes and shaders, on the fly. It's a stand-alone Typescript+Rust/WASM library with its own React-like run-time. If you're familiar with React, you will feel right at home. It has a built
Show navigation Introduction #Thanks to recent work in Chrome and Emscripten, you can now use up to 4GB of memory in WebAssembly applications. That’s up from the previous limit of 2GB. It might seem odd that there was ever a limit - after all, no work was needed to allow people to use 512MB or 1GB of memory! - but it turns out that there are some special things happening in the jump from 2GB to 4G
Made with WebAssembly
A city building game that uses microscopic models to vividly simulate the organism of a city arising from the interactions of millions of individuals.
Crustacean over IPToday we are going to walk through a simple video-chat application in Rust using WebRTC. Scope of this tutorialOverview of WebRTC and Signalling flowRust to WASM code for 2 way video + audio call client in the browserSeriously Simple Signalling ServerPre-requisitesRust + Cargo installed2 WebRTC-capable BrowsersSome experience using Rust.Longish ForewordYou need to enabled Media C
ruby.wasm の JS::Object のプロパティ呼び出しをさらに便利にする - ブログのおんがえし
ruby.wasm でいろいろ遊んでいます。実験場も作りました。 rubywasm-sample.ongaeshi.me JS::Object が楽しくて、JSのオブジェクトをRubyから透過的に扱えます。メソッド呼び出しもできるしブロックで関数を渡せたしりします。 require 'js' JS.eval("return 1 + 2") # => 3 JS.global[:document].write("Hello, world!") div = JS.global[:document].createElement("div") div[:innerText] = "click me" JS.global[:document][:body].appendChild(div) div.addEventListener("click") do |event| puts event # =>
PDF documents are a major part of our digital lives and, in an era where we spend most of our time working inside a web browser, enhancing the PDF experience on the web is crucial for providing a seamless, multi-device experience. As the creators of PDF, this led Adobe to envision Acrobat Web; we embarked on our Acrobat Web journey with the introduction of the Document Cloud PDF Embed API last yea
2019-06-07 Prereqs Scope and goals Creating the simplest possible WebAssembly module Creating the smallest useful WebAssembly module Making some pixels Adding animation Help! My binary just got much bigger! (Diagnosing and fixing sudden bloat.) Help! I need trig! (Importing functions from JavaScript.) I’ve been studying WebAssembly recently, which has included porting some of my m4vga graphics dem
MySQLのバージョン間のいろんな差分を見れる MySQL Parameters というのがあるんだけど、SQL 構文の差分を見れるようにしてみた。 たとえば、8.0 の最初のリリースの 8.0.11 と最後のリリースの 8.0.37 の構文の差分はここから見れる。 https://mysql-params.tmtms.net/statement/?vers=8.0.11,8.0.37 ソースは help コマンドの結果（実際には mysql.help_topic テーブルから取得）。 たとえば ALTER EVENT はこんな感じ: mysql> help alter event; Name: 'ALTER EVENT' Description: Syntax: ALTER [DEFINER = user] EVENT event_name [ON SCHEDULE schedule]
How to Use Multiple GitHub Accounts Git is a popular tool for version control in software development. It is not uncommon to use multiple Git accounts. Correctly configuring and switching Git accounts is challenging. In this article, we show what Git provides for account configuration, its limitations, and the solution to switch accounts automatically based on a project parent directory location.
Securing Firefox with WebAssembly – Mozilla Hacks - the Web developer blog
Protecting the security and privacy of individuals is a central tenet of Mozilla’s mission, and so we constantly endeavor to make our users safer online. With a complex and highly-optimized system like Firefox, memory safety is one of the biggest security challenges. Firefox is mostly written in C and C++. These languages are notoriously difficult to use safely, since any mistake can lead to compl
The Risks of WebAssembly
Here at Fermyon, we are enthusiastic (to say the least) about WebAssembly. But we also value openness, thoughtfulness, and caution. Intellectual honesty is the practice of examining available evidence in a way that includes not just confirming information (see the Confirmation Bias), but also information that may run counter to the thesis. Following this practice helps us all see the potholes in t
svg2png-wasmをつくった
つくったもの svg2png-wasm という名前に全ての情報が入っていますが、 WebAssembly を内部で利用して SVG 画像を PNG 画像に変換することができます。 つくった経緯 SVG のメリット SVG は XML で記述されるベクター画像ですが、以下のような利点があると考えています。 ベクター画像なため拡大してもドットが見えてこない 文字列で構築できるので（文字や図形を中心とした画像を）非常に低いコストで動的に生成できる Markdown で記述されたドキュメント内で表示できる（ついでにアニメーションできる） よく見るこれも SVG svg2png-wasm のアイコンも SVG SVG のデメリット 動的に生成しやすいとなると OGP の画像に設定したくなります（なります）。 ですが、そうは問屋がおろしません。 Facebook のドキュメントによれば、JPEG, G
WebAssemblyのカレンダー | Advent Calendar 2019 - Qiita
The Qiita Advent Calendar 2019 is supported by the following companies, organizations, and services.
vscode-ruby-lightの開発中に考えたことを書いていきます。今回は、内部で利用しているRuby用パーサーのtree-sitter-rubyからPrismへの移行について書きます。 @ruby/prismパッケージの概観 Prismは、JavaScriptからもその実装を利用できるよう、@ruby/prismという名前でnpmパッケージを公開しています。 何が含まれているパッケージなのかというと、まずWASMバイナリという形でコンパイルされたPrismの実装と、それを便利に使うためのJavaScriptの実装、それからTypeScript向けの型定義ファイルが含まれています。これらはESModuleという形式に従ってモジュール化されています。またruby/prismのリポジトリ内に、JavaScript向けの簡単なドキュメントも含まれています。 もちろん、本拡張でもこのnpmパッ
GitHub - kateinoigakukun/wasminspect: An interactive debugger for WebAssembly
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
Back to articlesWasmer takes WebAssembly libraries mainstream with WAIImport WebAssembly libraries just like any other dependency in your project Integrating with other languages and distributing binaries has always raised the WebAssembly's barrier to entry for the average developer, and at Wasmer our goal is to make trivial creating universal libraries that work anywhere. Today, we are happy to a
こんにちは @glassmonekeyです。 この記事はPHPアドベントカレンダー3 日目の記事です。 今回のエントリーではPHP Playgroundを約 1 年間運用してみて得られた知見を振り返ります。最初は技術スタックでも書こうかなと思ったのですが、こちらのほうが意義のあるエントリになったので。 個人開発をこれから考えられる方やphp/php-srcに commit される方の手助けになれば幸いです。 PHP Playgroundについて 拙作の Wasm 製の PHP Playground です。 現状は先日めだたくリリースを迎えたPHP 8.3がデフォルトで使えるようになっています。 他のマイナーバージョンに関しても私の気が向いたときに適宜ローカルマシンで build してはリリースしています。 技術的詳細は以下の記事にも載せてるので良かったらみてください。 この 1 年間で私物
はじめに この記事では、個人の習作としてwasm-image-resizerという簡易な画像リサイズ・フォーマット変換ツールをWebAssembly + PWA + Reactで作成したので、そのときに私の得た知見を記載したいと思います。 アプリとしては実に単純であんまり面白みもないのですが、半ばちょっとした好奇心と勢いで自分なりに作ってみました。手探りで拙いですが、ソースコードは以下に配布していますので、よかったら見てみてください。 アプリの技術目標 このアプリを通して私が考えた技術目標は以下のとおりです。 フロントエンドとしては言語はTypeScript、Viteをベースにする UIのフレームワークとしてReactを使用 画像変換などのアプリでやりたいコアな処理はRustで記述 wasm-bindgenとwasm-packでWebAssembly化・javascriptパッケージ化を行
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
Onyx言語でHTTPサーバーを実装し、Wasmer Edgeにデプロイする｜Wasmer｜開発ブログ｜株式会社Nextat（ネクスタット）
こんにちは、ナカエです。 先週末は少し暖かかったかと思えばまた寒くなりましたね。 本日の記事はWasmer Edgeというエッジにアプリケーションをデプロイできるサービスと新しいプログラミング言語である Onyx を合わせて試したという内容です。 まずはそれぞれの簡単な紹介から入ります。 Wasmer Edgeとは Wasmer Edge はエッジロケーションにWebAssemblyのランタイムを展開し、Wasmバイナリをアプリケーションとして安価にスケーラブルに動かせると謳うサービスです。米Wasmer社が提供しています。 個人的にはブラウザ側だけでなくサーバー側であるエッジでまでJavaScript/TypeScriptという選択肢だけになるのはちょっと……という気持ちがあり、エッジでのWasmの実行についても興味を寄せています。 ユーザーに近いロケーションでコンテナを動かす、というこ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
モダンブラウザで動作するWebAssemblyベースのJVM「CheerpJ 3.0」が登場
CRubyはどうやってWebAssemblyに移植するか？ 例外処理・Fiber実装・保守的GC…足りないパーツを埋めるAsyncifyの活用
ブラウザサイドでNumPyもscikit-learnもできるPython環境「Pyodide」がすごい
Introducing Enhance WASM — Begin Blog
WebAssembly: An Updated Roadmap for Developers
Introduction - Rust and WebAssembly
2023年のWebAssembly と Bytecode Alliance
Wasm入門（仕様編） - VA Linux エンジニアブログ
Up to 4GB of memory in WebAssembly · V8
WebRTC Video chat tutorial using Rust+WASM
Acrobat on the Web, Powered by WebAssembly
Making really tiny WebAssembly graphics demos - Cliffle
MySQL Parameters で SQL 構文の差分を確認できるようにした - tmtms のメモ
Build Your Own WebAssembly Compiler
vscode-ruby-light開発日記 - Prismパーサー導入編
Wasmer takes WebAssembly libraries mainstream with WAI · Blog · Wasmer
PHP Playgroundを約1年間運用してみて
WebAssembly・PWAの習作アプリを作成して感じたこと