yikegaya’s blog

仕事関連(Webエンジニア)と資産運用について書いてます

WebAssembly

Rust + WebAssemblyのDocker開発環境構築メモ

Mozillaのチュートリアルを参考にRustとWebAssemblyの開発環境を構築したんですが割とハマりました。作業内容書き残してみます。 以下のページを参考にしています。Rustで実装したWasmをコンパイルしてnpmとwebpackで配信するチュートリアルです。 developer…

Go + Webassemblyでアップロードされた画像をセピア調に変換して表示してみる

Webassemblyを試してみたく、Goでアップロードされた画像を白黒、セピア調に変換するプログラムを書いてみました。 前回の記事 https://yuki-ikegaya.net/2023/08/20/docker%e3%81%a8gin%e3%81%a7go%ef%bc%8bwebassembly%e3%83%97%e3%83%ad%e3%82%b8%e3%82%a…

Go + WebAssemblyでアップロードされた画像のファイルを取得する

前回作った雛形をベースにWebAssemblyで画像処理サービスを作りたいと思い、とりあえずinputタグでアップロードしたファイルのサイズを取得してconsoleに出してみました。 書いたコード index.html <html> <head> <title>WebAssembly File Size</title> </head> <body> <h1>WebAssembly File Size</h1> <input type="file" id="fileInput" accept="image/*"> </body></html>

DockerとGinでGo+WebAssemblyプロジェクトの雛形を作った

GoでWebassemblyを試してくてdockerとHTTPフレームワークGinで開発環境を作りました。 フォルダ構成 . ├── Dockerfile ├── docker-compose.yaml ├── go.mod ├── go.sum ├── index.html ├── server/ │ └── main.go └── webassembly/ ├── js/ └── main.go Dock…