なぜ import.meta.url は URL オブジェクトではなく文字列なのか | サイボウズ フロントエンドエキスパートチーム

数多くの Node.js ライブラリの作者として知られる Sindre Sorhus 氏が次のようなツイートをしていた。 Why is `import.meta.url` a string and not a `URL` instance? — Sindre Sorhus 💙💛 (@sindresorhus) July 24, 2022 これを見て私も理由が気になったので調査してみた。 先にまとめ URL の仕様にそうすべきと書い…

vite で最高の開発体験を手に入れる – pixiv inside

どうも、ピクシブでフロントエンドエンジニアをやっている @uzimaru0000 です。 今回は、vite を使ったプロダクト開発をしたのでそれの知見を共有したいと思います。 なぜ vite なのか 弊社のプロダクトのフロントエンドではモジュールバンドラーに webpack を利用しているケースが多いのですが、vite を使う選択をしま…

React 18のSuspenseを使ってReact Hook Formの非同期な初期値の扱いを簡単にする – Qiita

はじめに 普段はスタートアップで建設業界向けのSaaSの開発をしている作っているtaroと申します。 今回はReact18で登場したSuspenseを触っていたら、React Hook Formでフォームの初期値に非同期な値を設定するのが簡単になりそうだなーって思ったので、試してみました。 React Hook Formを使ったことがない方でもきっと…

Reactに有利なベンチマークを Vue.js で試したところ大差なく、そして…

みなさんこんにちは。 現在、フロントエンドでは宣言的UIが大流行しており、そのためのフレームワークも Vue.js をはじめ複数存在しています。 （React はフレームワークではなくライブラリです） 同種のソフトウェアや言語があれば、自分の好みを巡って意見を出し合うのはエンジニアの常でして。 それがパフォーマンス…

【Bun】新しいJavaScriptランタイムについてふわっとまとめた

JavaScriptランタイムと言えばnode。 nodeの代替としてdenoがありますが、新たにbunというものを知ったのでふわっとまとめてみました。次のリンクは、Bunを知るきっかけとなったものです。 トップのコメントを一部抜粋(DeepL翻訳) 私が興奮していることのひとつは、bun install です。 Linuxでは、シンプルなNext.jsアプ…

JavaScriptのforEachで非同期処理を逐次実行する方法

JavaScript の forEach は非同期ではない 時々ネットの解説記事で forEach は非同期だという解説を見かけますがこれは間違っています。実際の処理は逐次関数をコールバックしていくだけなので、普通に同期で動いています。コールバック中に非同期処理を使って待機動作を行っていないので、バラバラに動いているように見…

GitHub – tc39/proposal-object-pick-or-omit: Introduce `Object.{pick,omit}` for operating properties of objects more conveniently.

Object.{pick, omit} ECMAScript Proposal, specs, and reference implementation for Object.pick, Object.omit. Authors: @Aleen && Hemanth HM Motivation Let us consider a few scenarios from the real world to understand what we are trying to solve in this proposal. On MouseEvent we are intreseted on ‘c…

ECMAScriptの最新動向 2022年06月版 | サイボウズ フロントエンドエキスパートチーム

この記事では2022年06月06日~09日に開催された TC39 meeting 90th で議題に上がったプロポーザルを紹介します。 For Stage 4 findLast / findLastIndex Stage 4 に到達しました findLast は findLastIndex は、Array.prototype.find と Array.prototype.findLastIndex の逆から走査するバージョンです。 const arr = [ {…