Why Google Sheets ported its calculation worker from JavaScript to WasmGC Stay organized with collections Save and categorize content based on your preferences. Google Sheets is one of the first products at Google to use WasmGC on Chrome. The move was announced in 2022, and the Sheets and Chrome teams partnered on standardization, engineering, and tooling to provide real-time feedback on optimizat
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
ウェブブラウザ「Google Chrome」の最新安定版であるバージョン124.0.6367.60がリリースされました。JavaScriptを使用してシャドウDOMを挿入したり、特定の要素の解析が終わるまでレンダリングをブロックしたりする機能が導入されました。 New in Chrome 124 | Blog | Chrome for Developers https://developer.chrome.com/blog/new-in-chrome-124/ Chrome 124 | Release notes | Chrome for Developers https://developer.chrome.com/release-notes/124 ◆JavaScriptからシャドウDOMを使用可能に これまでinnerHTMLを使用して要素内部のHTMLを指定する時、
Lightweight Javascript Framework Review (For Django Developers)
Lightweight Javascript Framework Review (For Django Developers) Introduction Many developers are confused when they try to find a Lightweight Javascript Framework for the Django project because there are so many options. In this post, I will talk and compare lightweight javascript frameworks, and help you decide which one is the best for your Django project. If you want to: Render HTML in Django,
Sentry Profiling now supports Browser Javascript, React Native, and Ruby
Sentry Profiling now supports Browser Javascript, React Native, and Ruby Profiling is an essential component of a developer’s toolkit for identifying and addressing the thorniest performance bottlenecks. Whether you’re a backend developer looking to cut down cloud infrastructure costs, a frontend developer trying to speed up page load times, or a mobile app developer working to ensure smooth scrol
はじめに 先日こちらのツイートが流れてきました。 動画内では次のことをやっていました。 何が起きているのか、まったくわからなかったので気になってこの挙動について調べて備忘録として残します。 > const r = /boop/g undefined > r.test("boop") true > r.test("boop") false > r.test("boop") true > r.test("boop") false > gフラグとは JavaScriptを書いている方は一度くらいは/foo/gみたいな正規表現を書いたことがあるかと思います。 このgフラグをつけることで文字列内のすべてのfooが対象になります。 たとばfoobarfooの場合/foo/だと先頭のfooのみが対象になりますがgフラグを使うとbarのあとにfooも対象になります。 詳細はMDNを参照して下さい。 las
Write a JavaScript Parser in Rust | Write a JavaScript Parser in Rust
Write a JavaScript Parser in RustRust、JavaScript、そしてパーサーはすべて学びにくいものですが、これら3つを組み合わせて Rust で JavaScript のパーサーを書くという挑戦をしてみましょう！ このサイトは、Rustやパーサーを学びたい方 oxc, swc or Biome などへの貢献を考えている方への助けとなります。 ガイドでは、Rust で JavaScript パーサーを書くための基本的なトピックを網羅します。チュートリアルでは、いくつかのトピックをより詳しく説明します。
概要 タイトルの答えはYES. JSを勉強し始めたばかりで、JSにおける値渡し/参照渡し/参照の値渡しの処理の違いがわかりませんでした。 調べていくうちに「え、JSって参照渡ししないんだ！？」となったので、ここに学んだことをまとめようと思います。 追記：いただいたコメントをもとに修正しました。コメントありがとうございます！ 結論 JSでの処理は「プリミティブ値は値渡し」「オブジェクトは参照渡し」と言われていますが、厳密には「参照渡し」はしません。 JSでは「参照の値渡し」(共有渡し、本文中では共有渡しに統一)が行われています。 値渡し、参照渡し、共有渡しとは 値渡し 引数に値を渡す時、変数の値をコピーして渡す処理。 呼び出しもとの変数は変化しません。 参照渡し 引数に値を渡す時、参照(=メモリ番地)で渡す処理。 変更が呼び出しもとに反映されます。 共有渡し 引数に値を渡す時、変数に格納され
【JavaScript】onClick= () => hoge()とonClick={hoge}の違い - Qiita
2つの違い 新しい関数の作成 onClick= () => openDialog() onClick={openDialog}
GitHub - formkit/tempo: 📆 Parse, format, manipulate, and internationalize dates and times in JavaScript and TypeScript.
Tempo is a new library in a proud tradition of JavaScript date and time libraries. Inspired by the likes of moment.js, day.js, and date-fns Tempo is built from the ground up to be as small and easy to use as possible. Tempo is best thought of as a collection of utilities for working with Date objects — an important distinction from other libraries that provide custom date primitives. Under the hoo
In the previous posts we looked at runtime performance and I thought it would be fun to look at node modules install time instead. A lot has been already written about various algorithmic optimizations or using more performant syscalls, but why do we even have this problem in the first place? Why is every node_modules folders so big? Where are all these dependencies coming from? It all started whe
GitHub - laurentpayot/verticalize: A pipe-like function to verticalize your JavaScript code
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
GitHub - pdfslick/pdfslick: View and Interact with PDFs in React SolidJS, Svelte and JavaScript apps
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
using : リソース変数の管理が楽になるキーワード (JavaScript&TypeScript) - Qiita
この記事の内容にある意見は、個人の主観的意見を前提とします。 記事の内容は間違いがあり得ますので、ご了承いただけると幸いです。内容の間違い、認識の違い、違う意見などありましたら、コメント大歓迎です！ 概要 JavaScriptにおいて、変数を初期化できるkeyword var, let, constに加え、usingがまもなく追加される予定です。 usingキーワードで宣言した変数は、リソースタイプ変数として見なされ、変数がscope外になる前に自動でリソース解除作業を行うことができるようになり、従来の明示的にリソース解除コードを書くという面倒な作業がだいぶ楽になることが期待できます。 ECMAScript Proposalは以下となっておりStage3段階となってます。 https://github.com/tc39/proposal-explicit-resource-manageme
State of JavaScript 2023
It should be clear by now that, for better or for worse, JavaScript is not slowing down. Between server components, server actions, signals, compilers, and more, we're seeing new innovations pop up faster than most of us can handle. The trick to avoiding the dreaded JavaScript fatigue is remembering that you can pick your lane: sure, you can live life on the cutting edge with the early adopters; b
Speeding up the JavaScript ecosystem - The barrel file debacle
Let's imagine you are working on a big project with many files. You add a new file to work on a new feature and import a function from another directory into your code. import { foo } from "./some/other-file"; export function myCoolCode() { // Pretend that this is super smart code :) const result = foo(); return result; } Excited about finishing your feature, you run the code and realize that it t
JSer.info #697 - Nuxt 2は2024年6月30日でEnd-of-Life (EOL)となることが発表されました。 Nuxt 2 End-of-Life (EOL) · Nuxt Blog Nuxt 2.xの最終版となる2.18.0が6月末にリリースされる予定となっていて、それ以降はセキュリティアップデートも公式には提供されなくなります。 TypeScript 5.5がリリースされました。 Announcing TypeScript 5.5 - TypeScript TypeScript 5.5では、関数からtype predicatesを推論できるようになり、Array.prototype.filterなどでの絞り込みが簡潔に書けるようになっています。 また、Stage 3のSet Methodsをサポート、JSDocで@import {foo} from "foo"を
JavaScript入力コントロール「InputManJS」に待望のリッチテキストエディタが登場！ Webフォームで差を付けよう
CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。
The JavaScript Oxidation Compiler | The JavaScript Oxidation Compiler
The JavaScript Oxidation CompilerA collection of JavaScript tools written in Rust
lamplightdev - Streaming HTML out of order without JavaScript
This is a simple page that renders a list of 10 items. Try it with and without JavaScript enabled in your browser. There's a few things to notice: The 'app shell' renders first - you see the header and the footer, but there's a loading placeholder where the list of items will be rendered. After a second the loading placeholder is replaced with the list of items - but with each item itself having a
Unleash JavaScript's Potential with the UnJS EcosystemAgnostic Excellence: JavaScript Libraries, Tools, and Utilities, Crafted to Elevate Your Coding Journey. A unified JavaScript ecosystem The UnJS PhilosophyA robust ecosystem, driven by the UNIX Philosophy, housing purpose-built, high-quality JavaScript utilities, libraries, and tools, upheld by a collaborative community. High-quality & Single-P
JSR is designed for TypeScript. You publish TypeScript source, and JSR handles generating API docs, .d.ts files, and transpiling your code for cross-runtime compatibility. JSR packages are distributed as web-standard ECMAScript modules. JSR isn't a replacement for the npm registry; it's a superset of npm. JSR modules can be used with any JavaScript package manager, and in any project with a node_m
「3時間でNode.jsでREST APIを作る」ためのチュートリアルブックです。気軽に手にとってもらうために分量を少なめにしました。初心者から上級者まで学びのある内容になっています。チートシートとしても活用できます。
How to Find Infinite Loops in Javascript using DevTools
Infinite LoopExample Project Used https://stackblitz.com/edit/js-vub9fd?file=index.js StepsFind the cause of the infinite loop in the UI (ex: a button click)Open the Performance Tab in the DevToolsClick record Performance Tab is recordingFire the event that is causing the infinite loopNow click stop recordingBut now you will notice that Chrome freezes, and here is the trick Performance Tab freezes
週刊Railsウォッチ: Turbo 8のTypeScriptがJavaScriptに置き換わるほか（20230914後編）｜TechRacho by BPS株式会社
こんにちは、hachi8833です。DHHがレース出場のために来日していたんですね。 We had the pace for a podium in the 6 Hours of Fuji, but missed out on strategy. Regardless of the result, loved signing all those REWORK books for fans, meeting some Japanese Rails programmers, and what an absolutely gorgeous place to race on a clear day 😍 pic.twitter.com/zKpjDQBOYm — DHH (@dhh) September 11, 2023 DHHにサインもらった！！！！ pic.twitter.com/8sep4SR
Deno’s mission is to dramatically simplify software development. In Deno 1.37, we’re happy to extend this to interactive Jupyter notebooks. Starting in 1.37, you can use the new deno jupyter command to create a Deno kernel that can be used within notebooks. Additionally, Deno 1.37 comes with stronger Visual Studio Code and LSP support, better testing performance, improved Node compatibility, and m
今回紹介するのは超単純で超軽量な圧縮伸長programです。あの有名っぽいhuffman符号様を遥かに凌がないかもしれない程の圧縮率を誇っています。率にして約50～60%という貧弱っぷりですが、記述量的に仕方がありません。実装は以下の通り。 //圧縮 function comp(A){ for(var a=0,b=1,c,d=0,e,f=1,B=[0],C=[];(e=A[a++])>-1;c=c*32+e) C[c&=131071]^e?B[b++]=C[c]=e:B[d]|=f,(f<<=1)>128&&(B[d=b++]=0,f=1); return~d+b||--B.length,B } //伸長 function decomp(A){ for(var a=0,b=0,c=0,d=A.length,f,B=[],C=[];a<=d;c=c*32+(B[b++]=f&1?C[c]:C
WebAssembly（Wasm）ランタイムを開発するWasmerは2024年3月12日（米国時間）、Rustで書かれた高速JavaScriptランタイムの正式版「WinterJS 1.0」を発表した。 WinterJSは、WinterCG仕様と互換性があり、「SpiderMonkey」エンジンを使ってJavaScriptを実行し、非同期ランタイム「Tokio」を使ってHTTPリクエストとJSイベントループを処理する。WebAssemblyにコンパイルすることもできるため、同社のサーバレスアプリケーションプラットフォーム「Wasmer Edge」で完全に実行可能な初の本番グレードランタイムでもあるとしている。 Wasmerは、WinterJS 1.0の特徴について以下のように説明している。 「Bun」「WorkerD」「Node」との比較、ベンチマーク結果は？ 関連記事 Wasmer、「W
Explicit Resource Management: Exploring JavaScript's and TypeScript's new feature | iliazeus
Explicit Resource Management: Exploring JavaScript's and TypeScript's new feature 2023-11-13 en CC BY-SA 4.0 read in russian One of my favorite new features of JavaScript and TypeScript is explicit resource management. It brings new syntax, using foobar = ..., that enables RAII, reducing boilerplate when managing the lifecycle of various resources. In this article, I will explore this feature as i
Debuggers serve as invaluable tools that empower developers to halt code execution and thoroughly analyze its behavior at any given moment. By utilizing a debugger, developers can efficiently identify and resolve issues within their code, making it an indispensable part of their toolkit. Chromium's dev tools debugger Debuggers are equally valuable tools for reverse-engineers, especially when deali
What's coming in ESLint v9.0.0 - ESLint - Pluggable JavaScript Linter
Last month, the Technical Steering Committee (TSC) met to finalize the features for ESLint v9.0.0. This post outlines our plans for v9.0.0. You can keep up to date everything that is planned for v9.0.0 on our project board. Development plan Due to the large number of breaking changes planned for v9.0.0, we have decided to develop this release in two phases: Alpha. The alpha release will be compris
When was the last time you were about to click a button on a website, only to have the page shift—causing you to click the wrong button instead? Or the last time you rage-quit a page that took too long to load? These problems are only amplified in applications as rich and interactive as ours. The more front-end code is written to support more complex features, the more bytes are sent to the browse
マイコンボード「Raspberry Pi Pico」の公式のプログラミング言語といえばPythonかCまたはC++だ。この3つの言語に加え、Raspberry Pi PicoでJavaScriptを使えるようにする「Kaluma」というプロジェクトがあるのをご存じだろうか。 筆者はWeb開発者でもあるため、PythonやC、C++よりJavaScriptのほうが圧倒的に得意だ。JavaScriptでマイコンを制御できるという話にはすぐに飛びついてしまう。いろいろとKalumaを触ってみたので、今回はKalumaの使い方について紹介しよう。 Kalumaの概要 Kalumaとは、Raspberry Pi Picoに搭載するマイコン「RP2040」向けに作られたJavaScriptのランタイムだ。マイコン向けのJavaScriptランタイム「JerryScript」をベースに、RP2040向け
デザインツールのFigmaはJavaScriptを使った機能拡張に対応しています。ちゃんとやろうとするとプラグイン機能を使うことになるのですが、もっと気軽に使っていけるのではないかという提案です。 Figmaでは開発者ツールが使えるFigmaはWebベースのアプリケーションなので、ChromeなどのWebブラウザーでお馴染みの開発者ツールが使えます。メニューの「Plugins > Development > Show/Hide console」か、あるいはWebブラウザーと同じく Command + Option + I のショートカットでも表示できます。
Visual Studio Code(以下、VS Code)の開発者であるMatt Bierner氏が7月20日、公式ブログの記事「Shrinking VS Code with name mangling」において、同ツールのソースコードのサイズ削減に向けた取り組みを紹介した。VS Codeチームは最近、名前マングリングの手法を用いることで、同梱されるJavaScriptコードのサイズを全体の20%に上る約3.9MB削減することに成功したという。 VS Codeに付属するworkbench.jsのコードサイズの変遷 引用:Visual Studio Code Blog 名前マングリングは、コンパイラや処理系が、関数名や変数名などのシンボルを別の固有の名前にエンコードする手法。もともとはシンボルに対して名前以外の固有の情報を付加して修飾する手法だが、コード本体の実装に影響を与えずにシンボルの
Web Components Will Outlive Your JavaScript Framework | jakelazaroff.com
If you're anything like me, when you're starting a project, there's a paralyzing period of indecision while you try to figure out how to build it. In the JavaScript world, that usually boils down to picking a framework. Do you go with Ol' Reliable, a.k.a. React? Something slimmer and trendier, like Svelte or Solid? How about kicking it old school with a server-side framework and HTMX? When I was w
はじめに この記事の内容は、以下の動画でも解説しています。こちらも是非ご覧ください！ イベントループの定義 イベントループとは、非同期処理の管理や実行を行うための仕組みのことです。 ...と言っても、いきなりイベントループについて説明すると難しいと思うので、まずは非同期処理を復習しましょう！ JavaScriptの非同期処理の復習 非同期処理とは、前の処理が終わるのを待たずに次の処理を行う方法のことです。 例えば、いくつかの作業があるとします。 非同期処理は、1番目の作業をした後、2番目の作業を "裏側" で実行させて、その間に3番目の作業を進めます。そして、2番目の作業が終わったら完了が通知される、という流れになります。 詳細は、以下の動画で解説しているので、気になる人はぜひ見てみてください。 イベントループとは 先ほど、非同期処理の流れは、『1番目の作業をした後、2番目の作業を "裏側
GitHub - speed-highlight/core: Light, fast, and easy to use, dependencies free javascript syntax highlighter, with automatic language detection
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Internals of async / await in JavaScript | Akash Hamirwasia
Internals of async / await in JavaScriptJuly 2, 2023 •11 min read If you have ever used JavaScript in the past, there is a high chance you have encountered the async / await syntax. async / await makes it easy to define asynchronous logic in a synchronous way that our brains can comprehend better. Some of you JavaScript veterans might know that async / await is merely a syntactic sugar over the ex
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Why Google Sheets ported its calculation worker from JavaScript to WasmGC | web.dev
Webページ用UIフレームワーク「Svelte」とは？ プレーンで軽量なJavaScript生成を体験しよう！
「Google Chrome 124」安定版リリース、JavaScriptを使用してシャドウDOMを挿入可能に
JavaScriptの正規表現でgフラグを使う際は気をつけた方が良い
JavaScriptは「参照渡し」をしないって本当？ - Qiita
Speeding up the JavaScript ecosystem - Polyfills gone rogue
2024-06-22のJS: Nuxt 2 EOL、TypeScript 5.5、State of JavaScript 2023の結果
Unleash JavaScript's Potential
JSR: the JavaScript Registry
JavaScript REST API Handbook
Introducing JavaScript support in MySQL - The Oracle MySQL Blog
Deno 1.37: Modern JavaScript in Jupyter Notebooks
JavaScript: 哀れな圧縮力だ! - Qiita
JavaScriptランタイム「WinterJS 1.0」リリース、WasmerがRustで開発
Evading JavaScript Anti-Debugging Techniques
How we reduced the size of our JavaScript bundles by 33%
「Raspberry Pi Pico」向けのJavaScriptランタイム、Kalumaを使ってみた
Figmaでもっと気軽にJavaScriptを使っていけばいい - ここぽんのーと
Visual Studio Code、名前マングリングでJavaScriptコードの20%削減に成功
JavaScriptのイベントループをGIFアニメーションで理解する