WebAssembly・PWAの習作アプリを作成して感じたこと
はじめに この記事では、個人の習作としてwasm-image-resizerという簡易な画像リサイズ・フォーマット変換ツールをWebAssembly + PWA + Reactで作成したので、そのときに私の得た知見を記載したいと思います。 アプリとしては実に単純であんまり面白みもないのですが、半ばちょっとした好奇心と勢いで自分なりに作ってみました。手探りで拙いですが、ソースコードは以下に配布していますので、よかったら見てみてください。 アプリの技術目標 このアプリを通して私が考えた技術目標は以下のとおりです。 フロントエンドとしては言語はTypeScript、Viteをベースにする UIのフレームワークとしてReactを使用 画像変換などのアプリでやりたいコアな処理はRustで記述 wasm-bindgenとwasm-packでWebAssembly化・javascriptパッケージ化を行
AssemblyScript
Designed for WebAssembly AssemblyScript targets WebAssembly's feature set specifically, giving developers low-level control over their code. Familiar TypeScript syntax Its similarity with TypeScript makes it easy to compile to WebAssembly without learning a new language. Right at your fingertips Integrates with the existing Web ecosystem - no heavy toolchains to set up. Simply npm install it! #!ru
Google I/O 2023でのウェブ関連のトピック
今年のGoogle I/Oは、KeynoteとDeveloper Keynoteこそ観客をいれて通常運転に戻りましたが、セッションはすべて動画となり、コミュニティ要素はテキストチャットのみという形態となりました。来年こそは今までどおりのGoogle I/Oになってほしいですね。 今年のGoogle I/Oは、ChatGPTを代表としたGenerative AIの登場にとても影響を受けた内容だったな、という感想を持ちました。Bard はGoogle I/Oの前に公開されていましたし、すでに多くの人が試していたのではないかと思います。 ただ、Bardが日本語のサポートを今回遂げたのは、ちょっと驚きでした。Googleから登場する技術やプロダクトの多くが、近年英語のみ対応という状況が多く、多言語対応がなかなか進んでいない印象が僕にはありました。AndroidのApp Actionsなどがその代表
高速で Markdown を HTML に変換してくれる『markdown-wasm』を使ってみた
はじめに 今回は, MOONGIFT さんで紹介されていた『markdown-wasm』について紹介します. その名の通り WebAssembly を使っているとのことでかなり高速で動くみたいです. まだ細かい検証はできていないんですが, 備忘録として概要と導入方法について紹介します. 『markdown-wasm』とは？ 『markdown-wasm』は, C のコードを WebAssembly に移植した超高速な Markdown パーサーです. 主な特徴は以下です. 依存関係なし(31 kB gzipped) どこでも実行ができ, かつ安全(WebAssembly なので分離されたメモリで実行できる) シンプルな API とても速い md4c(C で作られた Markdown parser) をベースに作られている - (CommonMark の仕様に準拠) 速度面では, 公式ページ
WebAssembly製のx86仮想マシン「WebVM」が登場、Webブラウザ上でLinuxや各種コマンド、アプリがそのまま実行可能
WebAssembly製のx86仮想マシン「WebVM」が登場、Webブラウザ上でLinuxや各種コマンド、アプリがそのまま実行可能 Leaning Technologiesは、Webブラウザ上でx86バイナリをそのまま実行できるWebAsesmbly製の仮想マシン「WebVM」を発表しました（同社による紹介記事「WebVM: server-less x86 virtual machines in the browser」）。 Google ChromeやMicrosoft Edge、Firefox、Safariなどのモダンブラウザであれば、上記のURLにアクセスすることで誰でもWebブラウザ上にx86仮想マシンを走らせることが出来ます。 WebVMではx86仮想マシンの上でLinux OSのDebianがバイナリが変更なしにそのまま稼働し、さまざまなコマンドも実行可能。 Linuxアプリ
WebAssembly を Rust でつくり、JavaScript でつかう
さてさて、私の開発メインはPHP（Laravel）+ JavaScript（Vue.js）で、もしこれらに不向きな部分があればPythonを使うという形になっています。 実際この３つがあれば（私の）業務的に困ることはほぼないのですが、根っからのプログラム好きですので、「別のテクノロジーもかじっておきたい」欲があったりします。 そこで注目したのが、 Rust言語 です。 なぜ「Rust言語」かというと、ブラウザのJavaScriptを高速化することができる「WebAssembly」をつくることができるからなんですね。 ※ WebAssemblyについては、過去記事がありますのでぜひご覧ください。（前回はC言語を使いました） 📝 参考ページ： 入門！WebAssemblyを試してみた つまり、Rust言語はウェブ開発に関連させることもできるわけです。 そこで❗ 今回はRust言語でWebAs
RustからWebAssembly (wasm)を生成してJavaScriptとブリッジ通信してみる | DevelopersIO
Rustはじめました Rustイイですよね。Cと同程度のパフォーマンスで動作して、メモリリークを防止し、マルチスレッドも安全に記述できます。GC（ガベージコレクション）処理よりも高速にメモリーを開放します。今まで、より高速に動くプログラミング言語を求めるとC/C++等が必要になり、安全面で気をつけないところが増えてしまって手が出しづらく、一方で、Javaなどの安全面が確保された言語や、JavaScriptやPythonなどのスクリプトで記述できる言語は、nullやundefinedなどを気をつける必要があり、更に実行速度を上げるには課題がありました。（Javaは十分速いと思います） Rustは、C/C++と同程度のパフォーマンス（強い）を持ちつつ、型やメモリやスレッドに関する安全面を備えているため、今後、OSやミドルウェアの開発に使われることが増えるのではと思っています。一方で、JavaS
Amazon Prime Videoが動画再生にWebAssemblyを採用。再生デバイス上にWasm VMをデプロイ、高フレームレートなど実現
これだけ多種多様なデバイスに対して、ログイン画面やパーソナライズされたポータル画面、動画の再生などの機能を実現するために、Amazon Prime VideoのアプリケーションはC++で開発されたJavaScript VMと、その上で動くJavaScriptアプリケーションの2つから構成されています。 そしてそれぞれが必要に応じてデバイスにダウンロードされ、実行されます。 特にJavaScriptのアプリケーション部分は実行時にダウンロードされ実行されることで、機能追加などの変更やバグフィクスが容易になっていると説明されています。 プロトタイプのWebAssembly化で10倍から25倍高速に Amazon.comがこのAmazon Prime VideoのアプリケーションにWebAssemblyの採用を検討し始めたのは2020年8月とのことです。 同社はプロトタイプとして低レイヤのJav
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TypeScriptでWebAssemblyに入門しよう