このブラウザ バージョンのサポートは終了しました。サポートされているブラウザにアップグレードしてください。
At Prime Video, we’re delivering content to millions of customers on more than 8,000 device types, such as gaming consoles, TVs, set-top boxes, and USB-powered streaming sticks. When we want to do an update, every one of those devices requires a separate native release, posing a difficult trade-off between updatability and performance. In the past year, we’ve been using WebAssembly (Wasm), a frame
WebAssembly was initially conceived as a "JavaScript alternative for browsers" with the aim of enabling the execution of high-performance applications compiled from languages like C/C++ or Rust within web browsers. It operates alongside JavaScript, running in parallel to deliver enhanced performance. In recent times, WebAssembly has evolved into a universal runtime for cloud-native applications. I
(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
WebAssembly(WASM) は JavaScript より計算処理が速いという話題がしばしば聞かれます。 では、単純な数値計算ではないけれど、JavaScript を利用した通常のフロントエンド開発だと時間がかかる処理を移植するとどうなるのでしょうか1。本記事ではその一例として、巨大画像(4K~)を指定したピクセル数までリサイズする処理を書いてみました。 リポジトリ: https://github.com/yokra9/wasm-image-resizer JavaScript + Canvas API でリサイズしてみる まず、比較のため JavaScript でリサイズ処理を書いておきましょう。とはいえ、TypeScript からコンパイルして生成します。 const url = "./img/sample.jpg"; const resp = await fetch(url)
Fastly、JavaScriptエンジンをWebAssemblyで実装。CDNエッジのサーバレス環境「Compute@Edge」でJavaScriptサポート発表(訂正済み) (お詫びとお知らせ:本記事はFastlyの発表と同社へのメールでの取材に基づいて執筆いたしましたが、記事公開後に同社より、回答を間違えたとの申し出がありました。そのため改めて同社から提供された情報を基に、タイトルと本文を訂正しました。訂正前の記事内容は本文最後にHTMLでコメントアウトされています。) 大手CDNベンダのFastlyは、CDNエッジで提供しているサーバレスコンピューティング環境「Compute@Edge」で、JavaScriptのサポートを発表しました。 JavaScript on Compute@Edge is here. https://t.co/wSHiJfPdvf pic.twitter.c
JavaScript in the browser runs many times faster than it did two decades ago. And that happened because the browser vendors spent that time working on intensive performance optimizations. Today, we’re starting work on optimizing JavaScript performance for entirely different environments, where different rules apply. And this is possible because of WebAssembly. We should be clear here—if you’re run
By default, sql.js uses wasm, and thus needs to load a .wasm file in addition to the javascript library. You can find this file in ./node_modules/sql.js/dist/sql-wasm.wasm after installing sql.js from npm, and instruct your bundler to add it to your static assets or load it from a CDN. Then use the locateFile property of the configuration object passed to initSqlJs to indicate where the file is. I
A permissive JavaScript tokenizer and parser in C. See a demo syntax highlighter. Supports ESM code only (i.e., type="module", which is implicitly strict). Supports all language features in the draft specification (as of January 2021). This is compiled via Web Assembly to run on the web or inside Node without native bindings. It's not reentrant, so you can't parse another file from within its call
前提環境 node ver.12以上 WebAssemblyをnode.js上で動かすために必要な大まかな知識 動機 自作のコンパイラの吐き出すwasmから,rustで生成したwasmバイナリからexportされている,メモリを操作する関数を呼び出したい. 要約 instantiate(wasm [, obj]): 指定したwasmファイルを読み込み,インスタンス化して返す関数とします.objはオプショナル引数です.[1] from_rust.wasm: rustから生成したwasmバイナリとします local.wasm: 手元で作成したwasmバイナリとします exported_fn(): rustで作成した関数名とします const from_rust = await instantiate('from_wasm'); const importObj = { from_rust: We
はじめに 「Typescriptの次はRustかもしれない」という記事がバズってるのを見かけました。 なかなか面白くて、PAとしてのWASMとRustを比較している記事です。ちょうど最近「レガシーおじさん、SPAを始めてみた。そして限界を知る」でも書いた通り最近SPAに手を出してみたのですが、いろいろやろうとするとSSRのためのBackend for Frontend (BFF)等が必要になるとわかり「これJSでやる必要なくない?」とも感じていたのでちょうど良かったです。 こういうのを見るとRIAやGWTのように似たアプローチで廃れた技術や、登場が早すぎたMeteor、今も頑張ってるMSのBlazorなど色々頭をよぎります。といわけで歴史を俯瞰する意味でHTML + JavaScriptとそれ以外の技術のせめぎ合いの歴史やMSのBlazorやRustのyewなどWebassemblyを使う
Webブラウザで音楽を奏でる場合にはWebAudioがよく使われます。ローレベルなAPIなので、使いこなすのは時間がかかるかも知れません。それでも多くのライブラリが作られており、それらを使うことで、より簡易的に音楽ファイルなどを操作できるようになっています。 今回紹介するWAVE.js/WAVE.wasm.jsもその一つです。音楽ファイルの変換や、音程の変化などを行えるライブラリです。 WAVE.js/WAVE.wasm.jsの使い方 一例です。フォーマットの変換を行えます。 さらに指定部分だけの切り出し。 無音の追加。 WAVE.jsにはJavaScript版とWebAssembly版があります。WebAssembly版は機能が限定されますが、処理がとても高速です。WAVE.jsにはこの他、フェードイン/フェードアウト、逆再生、音声結合などの機能が用意されています。 WAVE.jsはJa
Caffeine is a livecoding environment for web browsers, Deno, and WebAssembly. After adding it to a webpage, you can use it to make live persistent changes to that page and other pages running Caffeine, without reloading. You can interact with Caffeine from JavaScript in several ways: as a headless Web Worker, with which you post and receive messages (you are responsible for all DOM manipulation).
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く