JestとVitestのisolateについて
現状 Vitest が Jest など他のテスティングフレームワークに比べて遅くなる場合があることがわかっています。 (確実に遅くなるとはいえない。が、私自身もテストの速度が遅くなったことを経験しています。) また Vitest を実行する場合、poolOptions.threads.singleThread: trueにすると速くなるということもわかっています。 (1.0.0以前は--single-thred、0.29.0以前は--no-threads) 公式 Docs にも最大３倍速くなることが記載されています。 WARNING Even though this option will force tests to run one after another, this option is different from Jest's --runInBand. Vitest uses w
AppleやNetflixなどの大企業も使用するオープンソースライブラリ「core-js」をたった1人で維持する開発者が「もう限界だ」と支援を求める
オープンソースのJavaScriptライブラリである「core-js」は、古いブラウザでもJavaScriptの最新機能を使えるようにするPolyfill(ポリフィル)として強い人気を誇り、オープンソースのJavaScriptトランスコンパイラであるBabelにも組み込まれています。AppleやNetflix、Spotify、Pornhubといった大企業を含む多くのウェブサイトに利用されている「core-js」のメンテナンスをたった1人で行う開発者のDenis Pushkarev(zloirock)氏が、ついに家族を養えなくなったとして支援を求める記事をGitHubで公開しました。 core-js/2023-02-14-so-whats-next.md at master · zloirock/core-js · GitHub https://github.com/zloirock/cor
Concurrent JavaScript: It can work!
With the recent addition of SharedArrayBuffer, concurrency is finding its way into the JavaScript language. This addition allows JavaScript programs to perform concurrent access to SharedArrayBuffer objects. WebKit supports SharedArrayBuffer and it has full optimization support in our compiler pipeline. Unfortunately, JavaScript does not allow any objects other than SharedArrayBuffer to be shared.
LINE BLOGアプリ開発で contenteditable と戦った話
こんにちは、LINE Fukuoka の tarunon です。LINE BLOG iOSのリリースまで、クライアントとエディタの開発を担当していました。昨年11月に、LINE BLOG は一般開放と、iOS/Androidクライアントの公開を行いました。ほぼ1年がかりの開発だったのですが、クライアント側で最も大変だったのがエディタの開発でした。この記事では LINE BLOG のエディタの根幹を支えている Workaround について解説します。普段は Swift を書いていて、ほぼその話しかしていないのですが、今回は HTML と JavaScript の話になります。 LINE BLOG はこういったサービスです。 LINE BLOG - 芸能人・有名人ブログ LINE BLOGエディタはWebブラウザの上で動作しています。開発は iOS/Android 共通のソースコードで、 i
不正なリクエストを弾くために使える Fetch Metadata という仕様について
作成日 2023-01-29 更新日 2023-01-29 author @bokken_ tag Web, App, Sec はじめに リクエストのコンテキストをサーバ側に伝えることで、サーバ側でリクエストが危険なものかを判別するための Fetch Metadata Request Headers という仕様がある。今回、このヘッダがどういったものなのかについて Fetch Metadata Request Headers を読んだり、周辺のドキュメントを読んでまとめる。¶ TL;DR Fetch Metadata ヘッダはクライアント側では特に何も設定する必要はなく、サポートされていればブラウザによってリクエストに自動的にヘッダに付与されサーバに送付される サーバは送られてきた Fetch Metadata をもとに CSRF などの、攻撃の可能性があるリクエストを弾く事ができる 20
非制御フォームをやるならこんなふうに Recoil編
Reactにおいて、フォームをどのように実装するかというのは開発者の悩みの種のようです。筆者は最近ロジックをRecoilに載せるのにはまっていますので、今回はRecoilを使ってフォームを実装することを考えてみます。 制御コンポーネントと非制御コンポーネント Reactにおいてフォームの実装方法は2種類に大別されます。それは、制御コンポーネント (controlled components) を使うか非制御コンポーネント (uncontrolled components) を使うかです。制御コンポーネントとは、入力されたテキスト等をReactのステートとして保持し、<input value={state} />のようにinput等のvalueに渡してレンダリングする方法です。制御コンポーネントではデータの本体がReact側にあり、DOMはそれを写像しているだけです。一方、非制御コンポーネン
Introducing the WebAssembly JavaScript Promise Integration API · V8
The JavaScript Promise Integration (JSPI) API allows WebAssembly applications that were written assuming synchronous access to external functionality to operate smoothly in an environment where the functionality is actually asynchronous. This note outlines what the core capabilities of the JSPI API are, how to access it, how to develop software for it and offers some examples to try out. What is ‘
Free and Open source PDF generation library! | pdfme
pdfme: Free and Open source PDF generation library!A powerful PDF generation library fully written in TypeScript, featuring a React-based UI template editor for seamless PDF creation*. Open source, community-driven, and completely free for PDF generation under the MIT license! * The PDF generation library and the UI editor can be used separately.
JSer.info 12周年です
JSer.info は、JavaScriptの最新の情報を紹介していくサイトで、2011年1月16日からやっています。 今日で、JSer.info が12周年を迎えました🎉 2011-01-16のJS: JSer.info初投稿の記事 - JSer.info コメントなどがあれば、次のコメント欄やTwitterの #jserinfo などに投稿してくれると嬉しいです！ Tweet 昨年からやったこと 昨年からの変更点です。 SlackにJSer.infoのRSSを追加しやすくしました サイドバーにあるボタンからSlackにRSSを追加するコマンドが簡単にコピーできるようになりました /feed subscribe https://jser.info/rss/ Product NameのAPIを追加した $ curl "https://jser-product-name.deno.dev/
【JavaScript】ES2023の新機能 - Qiita
ES2023その2 / ES2023 / ES2022 / ES2021 2023年一発目ということで、ES2023にFinished Proposalsとして取り入れられた機能を見てみましょう。 ちなみにFinished Proposalは「複数の実装が既に存在する」が前提なので、2023という名前にもかかわらず既に一部のブラウザで使用可能です。 というかES2023の新機能は全てのモダンブラウザで既に使用可能です。 ES2023 Array find from last 末尾からの検索です。 const array1 = [5, 12, 8, 130, 4]; console.log(array1.find(element => element > 10)); // 12 console.log(array1.findLast(element => element > 10)); //
moment.js・day.js よりも速くて軽い cdate ライブラリ - Qiita
moment.js や day.js と似たインターフェースを実装した高速・軽量の JavaScript ライブラリ『cdate』をリリースしました。→ https://www.npmjs.com/package/cdate cdate の主な特徴： moment.js や day.js、Luxon よりも高速 moment.js と同じ .format("YYYY-MM-DD HH:mm:ss") 出力フォーマットに対応 strftime と同じ .text("%Y-%m-%d %H:%M:%S") 出力フォーマットに対応 moment.js と同様に .add(1, "month").startOf("week").endOf("day") のような計算に対応 .tz("Asia/Tokyo") あるいは .utcOffset("+09:00") のようなタイムゾーン（時間帯）指定に対
package.jsonのexportsフィールドについて
npm パッケージとして複数のエントリーポイントを公開したい場合、mainフィールドは単一のエントリーポイントしか受け付けないので、exportsフィールドを利用することになると思うけども、その仕様等についての確認メモ。 In a package’s package.json file, two fields can define entry points for a package: "main" and "exports". The "main" field is supported in all versions of Node.js, but its capabilities are limited: it only defines the main entry point of the package. https://nodejs.org/api/packages.html#p
[JavaScript] Dynamic Importでevalを代替する
JavaScriptには、与えられた文字列をコードと解釈して実行するevalという関数があります。 外部から任意のコードを実行される可能性のある危険な処理であり、パフォーマンス的にも問題があります。 MDNでも「evalを使わないでください！」と書かれています。 MDNの記事では代替としてFunction()を使う方法が紹介されていますが、本記事では別の手法を紹介します。 方法 import()を使います。 const src = ` export function hello(name){ console.log("Hello, " + name); }; `; const data = "data:text/javascript;base64," + btoa(src); // ↓こっちもOK // const data = "data:text/javascript;charset=
![[JavaScript] Dynamic Importでevalを代替する](https://cdn-ak-scissors.b.st-hatena.com/image/square/c6d28fea508aa7741a80d74fc64f4bd24b8f5a7b/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--0ho-_2yC--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3A%25255BJavaScript%25255D%252520Dynamic%252520Import%2525E3%252581%2525A7eval%2525E3%252582%252592%2525E4%2525BB%2525A3%2525E6%25259B%2525BF%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3Akawarimidoll%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2QxNjFiNWRjZTUuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - slashd-analytics/run: Run user-provided code in a Web Worker
GitHub - angus-c/just: A library of dependency-free JavaScript utilities that do just one thing.
GitHub - kdzwinel/DOMListenerExtension: Chrome extension that allows you to monitor, browse and filter all DOM changes.
GitHub - kaist-plrg/jstar: JSTAR: JavaScript Specification Type Analyzer using Refinement
GitHub - trkbt10/mikan.js: 機械学習を用いていない日本語改行問題へのソリューション
GitHub - mozilla/addons-linter: 🔍 Firefox Add-ons linter, written in JavaScript. 👁
GitHub - DanielXMoore/Civet: A TypeScript superset that favors more types and less typing
