ウェブフロント
- 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
- ポエム
- 開発環境
サーバー
その他
個人的実装されてほしいECMA Script Proposal
先日の #tc39_study で知った多くのプロポーサルの中から個人的に実装されると嬉しい提案を書き留めておきます。
do expression
doブロック内で計算した値を返すことができる
const res = do {
// この中の計算結果を返す
}
decimal
jsの苦手な浮動小数点の演算がいい感じに
let total = 0m
const items = [{price: 1.25m, count: 5}, {price: 5m, count: 1}]
const tax = .0735m
for (let {price, count} of items) {
total += price * BigDecimal(count)
}
console.log(total * (1m + tax))
temporal
jsの一番嫌いなところ。Dateオブジェクトの欠点を克服する新たなAPI
URL
ブラウザに導入されているURLオブジェクトをECMAScriptにも導入しようってやつ。
change array by copy
Array.prototypeから生えているメソッドのいくつかは破壊的変更を行う。
これをコピーした配列を返すようにしようってやつ。
JavaScript standard library UUID
標準ライブラリとしてRFC4122に基づいたUUIDを提供する提案
const uuid = randomUUID();
pipeline operator
piplineきたーっ
let person = { score: 25 };
let newScore = person.score
|> double
|> (_ => add(7, _))
|> (_ => boundScore(0, 100, _));
slice notation
pythonでおなじみ構文。配列の一部の取得をわかりやすく。
const arr = ['a', 'b', 'c', 'd'];
arr[1:3];
// → ['b', 'c']
string dedent
de + indentでdedent。ヒアドキュメントのインデントをいいかんじにしてくれる。
console.log(```
query QueryName {
handleName
}
```);
Thanks you for reading.