ウェブフロント
- 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
- ポエム
- 開発環境
サーバー
その他
deno
denoメモ
deno.jsonの書き方
deno.jsonc
でもOK{
"fmt": {
"files": {
"include": [
"src/",
"extension/"
]
}
},
"lint": {
"files": {
"include": [
"src/",
"extension/"
]
}
},
"compilerOptions": {
"lib": [
"dom",
"dom.iterable",
"dom.asynciterable",
"deno.ns"
],
"types": [
"https://unpkg.com/chrome-types@0.1.153/index.d.ts"
]
},
"imports": {
"oak": "https://deno.land/x/oak@v6.5.0/mod.ts",
"cors": "https://deno.land/x/cors@v1.2.2/mod.ts",
"socket.io": "https://deno.land/x/socket_io@0.2.0/mod.ts",
"std/": "https://deno.land/std@0.166.0/"
},
"tasks": {
"dev": "deno run -A src/api.ts",
"dev:socket": "deno run -A src/socket/index.ts",
"build:extension": "deno bundle ./extension/index.ts ./extension/index.js"
}
}
コマンドを良い感じに実行するコード
const useCommand = async (cmd: string[]) => {
const p = Deno.run({
cmd,
stdout: "piped",
stderr: "piped",
});
const [status, stdout, stderror] = await Promise.all([
p.status(),
p.output(),
p.stderrOutput(),
]);
return {
status,
stdout: new TextDecoder().decode(stdout),
stderror: new TextDecoder().decode(stderror),
};
};
Thanks you for reading.