Build a Frontend Web Framework (From Scratch) - Ángel Sola Orbaiceta
Learn how a frontend web framework works by coding your own! Web developers use frontend frameworks every day—but do you know how these essential parts of your stack really work? Build a Frontend Web Framework (From Scratch) reveals the inner workings of web frameworks by helping you create your very own. In Build a Frontend Web Framework (From Scratch), you’ll learn the secrets behind frameworks
誇りを被った仕様の針に意図を通す | blog.jxck.io
Intro Interop 2022 の目覚ましい成果の一つとして :has() の存在がある。 これまでの CSS の限界を突破する、革新的な仕様であり、多くの開発者が期待を寄せる機能の一つだろう。 こうした仕様策定の裏には、必ずと言って良いほど互換性の問題がつきまとい、時にそれはそこまでの作業の蓄積を無に帰すレベルで影響を与える場合がある。 一方それらは Web 開発者が使う時点では解決されており、基本的に気にされることはない。 だからといって、気にする必要がないわけではない。ということを象徴する事件が、今回も裏で起こっていた。 jQuery と :has() :has() は、従来の CSS Selector の常識を変え、子の状態を元に親をクエリすることが可能となった。親から子を見る場合と比べて探索範囲が爆発的に増えるため、非常に実装が難しいとされていた。 Igalia の詳細な調
Node.jsとJavaScriptアプリを単一の実行ファイルにする「Single Executable Applications」機能、Node.js 19.7.0で実験的機能として搭載
2月21日にリリースされたNode.jsの最新バージョン「Node.js 19.7.0」で、Node.jsとJavaScriptアプリケーションを単一の実行ファイルにパッケージングする新機能「Single Executable Applications」が実験的機能として搭載されました。 一般にNode.jsのアプリケーションをデプロイするには、Node.jsのインストールや環境設定をするところから始めなければなりません。 今回新しく実験的に搭載されたSingle Executable Applications機能を使うと、そのまま実行可能な単一の実行ファイルを作ることができるため、それを配置するだけで簡単にデプロイができるようになる見通しです。 Single Executable Applicationsでは、postjectと呼ばれる新しいコマンドが用意されます。これを用いてNode.
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/
GitHub - trkbt10/mikan.js: 機械学習を用いていない日本語改行問題へのソリューション
const mikan = require('mikanjs'); console.log(mikan('常に最新、最高のモバイル。Androidを開発した同じチームから。')); /* <span style="display:inline-block" role="presentation">常に</span> <span style="display:inline-block" role="presentation">最新、</span> <span style="display:inline-block" role="presentation">最高の</span> <span style="display:inline-block" role="presentation">モバイル。</span> <span style="display:inline-block" role="
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - alanross/AlvaAR: World tracking for WebAR. A Javascript library for Augmented Reality to run SLAM in the browser.
GitHub - esm-dev/esm.sh: A no-build JavaScript CDN for modern web development.
GitHub - bytecodealliance/jco: JavaScript toolchain for working with WebAssembly Components
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