Building docfind: Fast Client-Side Search with Rust and WebAssembly
Version 1.108 is now available! Read about the new features and fixes from December. January 15, 2026 by João Moreno If you've visited the VS Code website recently, you might have noticed something new: a fast, responsive search experience that feels almost instant. Behind that experience is docfind, a search engine we built that runs entirely in your browser using WebAssembly. In this post, I wan
RustとWebAssemblyによるゲーム開発を読み進めたらつまづきまくったので備忘録
findyのoreilly learningプラットフォームが90日無料で試せるヤツの抽選に当たってました 1ヶ月もそれに気付かず放置していたら、findyさんの方から「抽選当たってるでー気づいてー」とメッセージが来たので早速試しています（findyさんごめんなさいありがとう） 手始めに、諸事情で序盤以降が読めなくなってしまっていた RustとWebAssemblyによるゲーム開発 という本を読み進めています 本の扱っている内容が発展途上の分野な為変化が早く、ツールの使い方などは特に詰まりやすいなと思ったので備忘録として残すことにしました 読み進めていく際詰まるところが出てくると思うので、読み進めながら記事の方もその都度更新していく方針で書いております [!caution] 以下、2025/10時点での情報です 想定するメイン読者は2025/10/01時点での自分です 1章 rustupの
Rust on WebAssemblyでマルチスレッド用のMutexを使う
偽物のMutex Rust + WASM (wasm32-unknown-unknown等)でstd::sync::Mutexを使うと、表面上コンパイルは通るがその中身はシングルスレッド専用のものとなってしまう。 具体的には、Mutexの二重ロックを試みると単純にpanicするようになっている。(実装) なぜこうなっているのかといえば、そもそもWebAssemblyは基本シングルスレッドで動くものだからで、マルチスレッドを想定する必要もないからということだと思われる。 一方、最近のWASMランタイムではshared memoryがサポートされてきており、これとWebWorker等を組み合わせることで一応マルチスレッドは実現可能となっている。このような場合に上記のようなシングルスレッド用のMutexを生成されても役に立たないので、これをどうにかしてマルチスレッド用のものに切り替えてみる。 W
ブラウザだけで動くゲームボーイエミュレーター「Retro Boy」
任天堂が1989年に発売した携帯ゲーム機・ゲームボーイのエミュレーター「Retro Boy」が登場しました。ブラウザ上で動くエミュレーターですが、別途ゲームのROMデータが必要になります。 Retro Boy https://smparsons.github.io/retroboy/ Retro Boyはプログラミング言語のRustで書かれたゲームボーイエミュレーターです。Rustで書かれたコードをWebAssemblyに変換することで、ウェブ上で利用できるようになっています。 ウェブフロントエンドは、オーディオとグラフィックにWeb Audio APIとHTMLのCanvas要素を採用。ブラウザのローカルストレージを活用することで、バッテリーバックアップMBCカートリッジのカートリッジRAMデータを永続化しているそうです。 実装をWebAssemblyにコンパイルするには、 wasm-p
【海外記事紹介】Rustで書かれ、WebAssemblyで動作するフロントエンドフレームワーク「Leptos」が注目を集める — Reactライクな書き心地と圧倒的なパフォーマンスを実現
1月14日、The New Stackが「Want a Web Framework for Rust, Not JavaScript? Try Leptos」と題した記事を公開した。この記事では、Rustフレームワーク「Leptos」やWebAssembly（Wasm）を活用したWeb開発の最新動向について詳しく紹介されている。 以下に、その内容を紹介する。 Leptosとは Leptosは、Rustで書かれたフレームワークをWeb Assembly経由でWebアプリとして高速かつインタラクティブに動作させる仕組みを提供するものである。公式サイトによれば、主要なフロントエンドフレームワーク（Vue、Svelte、Reactなど）と比較して優れたパフォーマンスを持ち、バニラJavaScriptに迫るとされている。以下はLeptos公式サイトで公開されているベンチマークの一例である。 Lept
WITとRust：リソース編
WebAssembly Interface Type（WIT）と呼ばれるインターフェース定義言語には「リソース」と呼ばれる要素があります。これを利用することで、状態を持つものを定義できます。この記事では、数を数えるもの（カウンター）を例に次の３つの事を解説します： WITでのリソースの定義方法 Rustでのリソースの実装方法 作成されたリソースのTypeScriptからの利用方法 状態を持つものの例：カウンター 状態を持つものを、Rustでは自身の値を変更するメソッドを持つ構造体として表現します。例えば次のHostCounter構造体はup()やdown()メソッドを呼ぶことで、value属性の値が変わります。 リソースとは Wasmコンポーネント（もしくはそれが動作するシステム）で管理されているもののことを「リソース」と呼ぶ、というのが私の理解です。なお、仕様には次のように定義されていま
『Rustで学ぶWebAssembly』でWasm Component Modelに入門した - たにしきんぐダム
すごく良かった！久しぶりに技術系の本を通読できた気がする gihyo.jp Wasm Component Model の勉強しないとなーと思っていた*1ところに手を動かして学べる本が出たので読んだ！ Wasm Component Model のツールチェーンが一番充実しているのはRustで、これを学ぼうと思うとどうしてもRustを避けることはできないのだが、何分自分はRustに不慣れなので二の足を踏んでいた。 しかしこの本は第一章がRustの簡単な入門に割かれていて、それに本の中のRustのサンプルコードも解説が懇切丁寧に書かれているのでRustの経験がない自分*2でも躓くこと無く読み進めることができました🎉 注意すべき点としてはWasm Component Model、とりわけregistryまわりはまだ変化がとても早く、本をそのまま写経していると動かないこともあるかもしれない。例えば
Rust始めてみた。JSONフォーマッターを作ってみた | stin's Blog
唐突にRustを使ってみたいと思ったので勉強を始めてみました。 始めた理由始めてみたかった理由は色々あります。 まずはやはりフロントエンド開発ツールが色々とRustで実装されることです。VercelはTurborepoとTurbopackをRustで実装していますね。JavaScriptコンパイラのSWCもRustで実装されています。あとは、uhyoさんのnitrogqlもRustで作られていて、おもしろいなと思いました。そんな感じで、コンパイラ実装でRustがよく使われていることと、ビルドツールなどのテキスト処理に興味があったのが1つ目の理由です。 あとは、Tauriですね。ふとデスクトップアプリを作りたいと思ったときにTauriを調べたんですが、TauriのバックエンドをRustで書けたらかっこいいなと思いました。普通にJavaScriptでも書けるらしいんですが、かっこよさ重視です。
WebAssembly を使ったサーバレス開発の基礎と実践 (ServerlessDays Tokyo 2024 配布用資料) - Qiita
用語解説 WebAssembly スタックベースの仮想マシン用のバイナリ命令フォーマット しばしば拡張子が .wasm であるバイナリファイルのことを指す それ自体は実行ファイルではなく、Wasmランタイムに読み込ませて動作する ランタイムの例：主要なブラウザ、Wasmtime など WebAssembly が使われているケース ブラウザ上: Figma, Photoshop, Unity, Google Meet etc ブラウザ外(Wasi): エッジコンピューティング, コンテナ, IoT etc 参考リンク https://www.w3.org/groups/wg/wasm/ WebAssembly 略歴 2012-2013年頃、Emscripten や asm.js といったブラウザ上でアプリケーションを高速に動作させる手法が開発され注目を集める 2015年 Mozilla や
Rust and WebAssemblyでSPAを作ってみよう
Rust and WebAssemblyでSPAを作ってみよう：Webアプリ実装で学ぶ、現場で役立つRust入門（12） 第12回からは、第11回までで作成した投稿アプリの延長として、Rust and WebAssemblyでTODOアプリを開発します。第12回では、プロジェクトの構築やさまざまな準備のためのコードを通じて、Rust and WebAssemblyの基本的な利用方法を理解します。
Rustで学ぶWebAssembly | 技術評論社
概要 Webブラウザー上でプログラムを高速に実行するための技術として開発されたWebAssembly（Wasm）ですが、近年では「特定のプログラミング言語・アーキテクチャに依存しない」「プログラムをサンドボックス内で安全に実行できる」という強みに注目が集まっています。さらに、新たに導入される予定の「コンポーネントモデル」によって、大規模なプロジェクトでもWebAssemblyを利用しやすくなる環境が整いつつあります。本書では、プログラミング言語としてRustを採用し、以下の3つの観点で、“新しい”WebAssemblyについて手を動かしながら理解を深めます。 Rustで書いたプログラムから、どうWebAssemblyを作るのか WebAssemblyを、どうRustのプログラムに組み込むのか 作成したWebAssemblyを、どう使い回すのか 目次 第1章 プログラミング言語Rustの準備
「第4のブラウザ言語」WebAssemblyが変えるフロントエンド開発 | レバテックラボ（レバテックLAB）
執筆 山内 直 有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ（代表 山田祥寛）に所属するテクニカルライター。出版社を経てフリーランスとして独立。ライター、エディター、デベロッパー、講師業に従事。屋号は「たまデジ。」。著書に『Bootstrap 5 フロントエンド開発の教科書』、『作って学べるHTML＋JavaScriptの基本』など。 監修 山田 祥寛 静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。 主な著書に「独習」シリーズ、「これからはじめるReact実践入門」、「改訂3版 JavaScript本格入門」他、
仕様策定中のプロトコルを Rust で書いてブラウザで動かしてみた
【増枠】2024年Rust Webアプリ開発の現在 https://findy.connpass.com/event/319829/ で利用した発表資料です。
今から始める Rust による WebAssembly 開発
本記事は、TechFeed Experts Night#30 〜 Rust / WebAssembly最前線のセッション書き起こし記事になります。 イベントページのタイムテーブルから、その他のセッションに関する記事もお読み頂けますので、一度アクセスしてみてください。 本セッションの登壇者 セッション動画 Rust Tokyoの運営をしている@chikoskiと言います。WebAssemblyのコミュニティもやっていて、TechfeedにはWebAssemblyのエキスパートとして関わらせていただいています。 最近、いろいろなところでWebAssemblyの名前を耳にします。今日はRustでWebAssembly向けに開発する方法や、今のところのベストプラクティスをお話できればと思います。よろしくお願いします。 まとめを先に言いますと、今はcargo-componentというツールを使って開
Rust+WebAssemblyを使ったWebアプリでの高速画像処理入門 - アダコテック技術ブログ
要約 2024/11追記 背景 WebAssembly (WASM) とは？ Rust言語とは？ サンプルアプリ概要 LBP特徴量計算をRustで実装 フロントエンド環境構築 バックエンド環境構築 スキーマ定義 Rust実装 WASMバイナリの生成 TypeScript実装 実行結果 まとめ メンバー募集しています！ おまけ こんにちは！美味しいタコスを食べることを専門としているプロダクト開発部エンジニアの井上です。 要約 WebAssembly（WASM）、Rustは近年注目されている技術であり、これを利用することでWebアプリケーション上で高速な画像処理を実現できるよ。 我々も画像前処理を行っていたWindowsデスクトップアプリケーションを、WebAssembly+Rustを使用してWebアプリケーションに置き換えたよ。 Rust言語で実装した画像処理をWASMにコンパイル、そしてW
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【海外記事紹介】Webフロントエンド開発の新たな潮流となるか？Rust+WebAssemblyを使用する動きが加速中 — Amazon Prime Videoにおいて7.6倍のUIレイテンシ削減
GitHub - ratatui/ratzilla: Build terminal-themed web applications with Rust and WebAssembly. Powered by Ratatui.
GitHub - yewstack/yew: Rust / Wasm framework for creating reliable and efficient web applications
SQLiteをRustで書き直した「Limbo」が海外で話題に — 完全な非同期I/Oのサポート、WASM対応、メモリ安全性の確保など、Rustのメリットを全面的に享受
非同期処理を活用しながら�Rust製wasmとJSを連携する方法（wasm-bindgenを使いたくない人向け）
