Rustで画像処理してみたい！でもCLIツールだけじゃなくて、Webアプリにも活かせたら楽しそう……。そんな気持ちから始まった今回の企画。

この記事では、Rustで書いた画像処理ロジックをWebAssembly（Wasm）に変換して、Next.js上で動かす方法を紹介します。最終的には「画像をアップロード → シルエット風に変換 → ダウンロードできる」Webアプリを完成させます。

Rust×Next.jsで画像をシルエット化！Wasmで遊びながら学ぶWeb開発

シルエット画像変換アプリ概要

WebAssemblyとは

WebAssembly&Next.jsの連携チュートリアル

WebAssemblyのライブラリをインポート

画像処理機能を実装

プログラムをビルド＆移動

フロントエンド

GitHubにNext.jsのプロジェクトをアップロード

デプロイ

rust

webassembly

programming

frontend

ケン吉