これの続き。 grekumu.hatenablog.jp 前回、WebWorker上でcanvas使うなら、OffscreenCanvas使おうって書いた。 ただ実際に試しては無かったので、試してみたよって話。 worker-loaderをインストール 前回いろいろやって、アンインストールしたworker-loader…

IPFactory Advent Calendar 2020 - Qiitaの8日目の記事 これの続き。 grekumu.hatenablog.jp wasmの勉強で、こんな感じのやつGLSL Sandbox Gallery作ろうとしていて、wasmの処理をWebWorkerで行うつもりだったが、うまくできなかったって話。 WebWorker使お…

文字列型 String型 &str型 // ヒープに割り当てる let a = String::from("test"); let a = "test".to_string(); let a: String = "test".into(); // read only memory上に割り当てられた文字列への参照 let b: &'static str = "test"; // &str let b = "test…

Webpackはwasmファイルの扱い方を知らないため、そのままwasmファイルをインポートすると、エラーが発生する。 コマンド npm install --save-dev react-app-rewired wasm-loader config-overrides.jsというファイルを作成し、下記を記述。 const path = requ…

WebAssemblyとは バイナリコードをブラウザで動かせるようにしたもの。 JavaScriptは動的型付けのインタプリタ言語ということで、実行速度の遅さが課題となっている。 その課題を解決するため、2013年頃にasm.jsというサブセットが生まれたが、 ファイルサイ…

Next.jsのメモ(自分用) ・ 静的ルーティング(pagesディレクトリ) ・ 動的ルーティング(file name[id].tsx) ・ クライアントサイドルーティング(<Link>) クライアントサイドでナビゲーションを行っているため、ブラウザ全体でリロードすること無く、遷移が行われる</link>…

初投稿 フロントエンドを勉強中の学生がやったことを綴っていく。 勉強とは関係ないことも書くかも✏ 🍀やってること 主にフロントエンド、時々バックエンド。 Vueが好き。