ロードマップ

Rust + WebAssemblyをマスターするための学習パス

全体の進捗 0/28 (0%)

フェーズ1: 基礎

WebAssemblyとは？

全体像を理解する

Rust基礎

Wasmに必要な基本構文

Hello Wasm

初めてのWasmプロジェクト

フェーズ2: 最初のプロジェクト

wasm-bindgen

Rust↔JSの橋渡し

DOM操作

Rustからブラウザを制御

プロジェクトセットアップ

最初のプロジェクトをゼロから作成

Wasmデバッグ

コンソールログ、パニックフック、DevTools

フェーズ3: 実践応用

Fetch API

async/awaitでHTTPリクエスト

暗号ハッシュ

CPU集約型Wasmユースケース

Canvas & 2Dグラフィックス

Canvasで描画とアニメーション

状態管理

RustとJS間で状態を共有

ファイル処理

CSV、画像、ダウンロード

WebSocket

リアルタイム通信

エラーハンドリング

Result、JsValue、パニックフック

Wasmテスト

ユニットテストとブラウザテスト

画像処理

ネイティブ速度でピクセル操作

Wasmメモリモデル

リニアメモリ、ページ、ビュー

文字列処理

UTF-8 vs UTF-16、最適化

フェーズ4: 上級プロジェクト

パーティクルシミュレーション

高性能グラフィックス

Wasm + Web Worker

マルチスレッド計算

オーディオ処理

Web Audio APIでリアルタイム音声処理

Wasmゲーム構築

ゲームループ、入力、衝突

Wasm + フレームワーク

React、Svelte、Vue連携

本番デプロイ

最適化、バンドル、公開

フェーズ5: エキスパート

パフォーマンスプロファイリング

計測、最適化、縮小

Wasmバイナリ形式

WAT、セクション、命令

WASI: ブラウザ外のWasm

サーバーサイド、エッジ、CLI

Wasmコンポーネントモデル

WebAssemblyの未来

次のステップ

自分のプロジェクトを始める

wasm-packで新しいプロジェクトを作成し、学んだことを実践しましょう

フレームワークを試す

Leptos、Yew、Dioxusなどのフルスタックフレームワークに挑戦

コミュニティに参加

Rust Wasm Working GroupやDiscordで他の開発者と繋がりましょう