ウェブフロント
- angular
- corewebvitals
- editorconfig
- gatsby
- hls
- html
- javascript
querySelectorAllで取得した要素は配列ではないらしい
JavaScript 配列内のオブジェクトの更新ってどうする?
デバッグ関数とかnullチェック関数をutil/index.tsにおいとけば楽なことに今頃気づいた。
ブラウザからジャイロセンサーを使ってみる
JS 画像のアップロード、プレビュー機能を実装
「数値から各桁の値を取り出す処理」って言われたら数学的な処理が一番に思い浮かぶけど、JSならそんなことなかった。
Callback時代の関数をPromise化する
個人的実装されてほしいECMA Script Proposal
JavaScriptのprototypeを使う
音声をなみなみさせる
AudioWorkletとAudioWorkletProcessorを使って音声のビジュアライゼーション
- next
- nuxt
- playwright
- prettier
- react
- reactnative
- tensorflowjs
- tools
- typescript
- wasm
- websocket
- ポエム
- 開発環境
サーバー
その他
wasm
WebAssemblyレシピ集
watファイルとは
WebAssemblyアセンブリ言語が書かれたファイル。
人間にもよめる。
wasmファイルとは
WebAssemblyマシン語が書かれたファイル。
人間には読みづらい。
関数をexportする
構文
(export "JS側の関数名" (func $アセンブリ側の関数名))
例
(export "add" (func $add))
(func "add" ...)
JSからwasmの関数を使いたい
add関数がexportされている場合
WebAssembly.instantiateStreaming(fetch('my.wasm'))
.then(obj => {
const res = obj.instance.exports.add(2, 4);
console.log(res)
});
watファイルをwasmに変換したい
アセンブリをマシン語に変換します
brew install wabt
wat2wasm my.wat -o my.wasm
参考文献
https://developer.mozilla.org/ja/docs/WebAssembly/Understanding_the_text_format#javascript_%E3%81%8B%E3%82%89%E9%96%A2%E6%95%B0%E3%82%92%E3%82%A4%E3%83%B3%E3%83%9D%E3%83%BC%E3%83%88%E3%81%99%E3%82%8B
Thanks you for reading.