[Frontend Performance - Part 9] JavaScript は速いのに、なぜ React は遅いのか？再レンダリングを理解する 🔖 1

📝 注意本記事はAIの補助を受けて編集しています。内容は大規模Webアプリケーションの実務経験に基づいています。📚 目次0. はじめに：JavaScriptは速いのにReactが遅い理由1. Reactの再レンダリングとは何か？2. 再レンダリングが...

[Frontend Performance - Part 8] JavaScriptランタイム最適化：メインスレッドをブロックさせない設計とは？ 🔖 1

📝 注意本記事はAIの補助を受けて編集しています。内容は大規模Webアプリケーションの実務経験に基づいています。📚 目次0. はじめに：Part 5・6・7のおさらい1. 問題の本質：なぜ「速い」だけではダメなのか2. 基本原則：協調的譲歩（Coop...

JavaScriptの日付の概念を変革するTemporalオブジェクト誕生までの9年間の道のり 🔖 25

JavaScriptの標準であるECMAScriptに元々組み込まれているDateオブジェクトを置き換える新しい日時API「Temporal」が導入されます。TemporalはJavaScriptの日時操作における多くの課題を解決することを目指しています。 Temporal: T

React初心者がつまずきやすいJavaScript記法をわかりやすく整理してみた 🔖 1

React を触っていると、JavaScript のさまざまな書き方が自然と登場します。しかし、JavaScript の記法をしっかり理解していないと、React のコードが「なんとなく」でしか読めなくなってしまいます。この記事では、React で頻出する JavaSc...

余計なものが一切ないGitHub風サービス「GitClassic」、JavaScriptの使用を最小限に抑えてファイルサイズはわずか14KB未満 🔖 41

コードホスティングサイトのGitHubは2008年にサービスインして以来着実にリポジトリ数を増やし、ソフトウェア開発のプラットフォームとして不動の地位を確立しています。ただ多くの開発では不要な機能も多く実装されているため軽快さには程遠い状況となっています。また大規模なプルリクエス

GoogleがついにJavaScriptを「再定義」する。次世代解析基盤「JSIR」がASTの限界を突破する理由 | XenoSpectrum 🔖 26

GoogleがついにJavaScriptを「再定義」する。次世代解析基盤「JSIR」がASTの限界を突破する理由 Googleのコンパイラチームは2026年4月6日、JavaScriptのための高レベル中間表現（IR）である「JSIR」のRFC（Request for Comme

JSP × JavaScript (+ Ajax) の基本について 【初心者向け】 🔖 2

執筆のきっかけJavaのサーバサイドから開発業務を始めることになり、それから約1年後、ある日突然フロントサイドをJavaScriptと一部Ajaxで修正する業務が回ってきました。画面描画にはJSPを使用しているシステムでしたが、とにかく各役割が混同してしまいどのよ...

JavaScriptとTypeScriptのpolyglot 🔖 14

Polyglot とは、複数のプログラミング言語 (あるいはより一般に、何らかのファイルフォーマット) で解釈できるプログラムのことで、多言語話者にちなんでこの名前がつけられています。Polyglotはしばしば、プログラミングに関する非実用的な探求として遊ばれます。TypeSc

JavaにJavaScriptとPythonが合体。JSエンジン「V8」とPythonランタイム「CPython」組み込む「Project Detroit」をオラクルが発表 | テクノエッジ TechnoEdge 🔖 17

ITジャーナリスト／Publickeyブロガー。IT系の雑誌編集者、オンラインメディア発行人を経て独立。2009年にPublickeyを開始しました。 オラクルは、カリフォルニア州レッドウッドシティで開幕したイベント「JavaOne 2026」で、「Project Detroit

【コピペでOK】JavaScriptを使わないアコーディオンメニュー 🔖 1

コード （TailwindCSS v4） See the Pen accordion by hrel11 (@hrel11) on CodePen.コード （バニラCSS） See the Pen accordion (vanillac...

JavaにJavaScriptエンジン「V8」とPythonランタイム「CPython」を組み込む「Project Detroit」、オラクルが発表 🔖 45

オラクルは、カリフォルニア州レッドウッドシティで開幕したイベント「JavaOne 2026」で、OpenJDKの新プロジェクト「Detroit」をOpenJDKのプロジェクトプロポーザル（プロジェクト提案）として発表しました。 DetroitはJavaにJavaScriptエンジ

Slint | Declarative GUI for Rust, C++, JavaScript & Python 🔖 32

JavaScriptの統合ツールチェーン「Vite+」がオープンソースで公開 🔖 45

JavaScriptのESモジュールに対応した高速なビルドツール「Vite」などを開発しているVoidZeroは、Viteを含むJavaScriptの統合開発ツールチェーン「Vite+」アルファ版をオープンソースで公開しました（GitHubのリポジトリ）。 Announcing

未経験からエンジニアになって1年。今だからこそわかるJavaとJavaScriptの違い 🔖 1

はじめに未経験からエンジニアとして働き始めて約1年。現場でJavaやJavaScriptに触れる中で、ようやく「この2つの違い」を理解できるようになってきましたただ、エンジニアになりたての頃はこんなことを思っていました。JavaとJavaScriptって名前が似...

JavaScript製表計算ライブラリ「SpreadJS」、生成AIへの指示で自動集計や分析が可能になる機能搭載 🔖 15

Excelライクな表計算機能をWebアプリケーションなどに組み込めるJavaScript製ライブラリ「SpreadJS」を提供するメシウス（旧グレープシティ）は、同製品の新バージョン「SpreadJS v19J」で、生成AIとの連携機能を搭載すると発表しました。 SpreadJS

Temporal: The 9-Year Journey to Fix Time in JavaScript 🔖 28

将来のChrome代替ブラウザとして注目されるLadybirdがC++からRustへの移行を開始、AIを活用し2週間でJavaScriptエンジンの移植に成功 🔖 47

ウェブブラウザのLadybirdがC++に代わるプログラミング言語としてRustを採用したことを発表しました。すでにJavaScriptエンジンをRustベースに置き換えることに成功しています。 Ladybird adopts Rust, with help from AI -

生成AIでJavaScript/TypeScriptを扱うときに設定しておきたい ESLintルール - プププなテクブ 🔖 146

このエントリはTSKaigi Mashup Kansai 生成AIでTSを扱うときに考えたい設計&ガードレールでの発表内容です。登壇資料をブログとして読めるように再構成して公開しています。 はじめに 去年あたりは「ジュニアエンジニアレベルと思ってね」と公式各所から言われていたコー

JavaScriptの `async/await` はどこから来たのか？ C#、F#、Haskell……源流を辿ったら1958年にたどり着いた件 🔖 36

ということを書いた手前、async/awaitの歴史について書いておかないといけない気がした。なお補足しておきますと、元ネタの記事はJavaScriptの async/await の歴史についていえば、間違ってないと思います。ただ、 async/awaitは...

JAXA Earth API for JavaScript 🔖 23

JAXA Earth API for JavaScript Version 2.0.0 のAPIドキュメントです。 このAPIを利用すると、地球観測データを容易にブラウザ上に表示したり、地球観測データを利用したウェブアプリを開発したりすることが可能です。 必要な範囲のデータを必要

ESLint v10.0.0 released - ESLint - Pluggable JavaScript Linter 🔖 14

「State of JavaScript 2025」公開。フロントエンドライブラリはReactがシェアを伸ばして1位、ビルドツールはついにwebpackにviteが追いつく 🔖 120

「State of JavaScript 2025」公開。フロントエンドライブラリはReactがシェアを伸ばして1位、ビルドツールはついにwebpackにviteが追いつく 回答者の国別分布を見ると米国が16％、ドイツが8％、フランスが7％、イギリス（UK）が5％、ロシアが3％、

State of JavaScript 2025 🔖 26

HTML: 「JavaScriptなし」で動く最新の多機能確認ダイアログを構築する（翻訳）｜TechRacho by BPS株式会社 🔖 19

概要 元サイトの許諾を得て翻訳・公開いたします。 英語記事: Stylish dialogs | Fractaled Mind 原文公開日: 2025/12/18 原著者: Stephen Margheim 日本語タイトルは内容に即したものにしました。 以下のような複雑なスタイル

HTML: 「JavaScriptなし」で動く最新の多機能確認ダイアログを構築する（翻訳） 🔖 19

304 Not Modified は JavaScript も速くする？ 🔖 31

はじめに こんにちは、Repro Booster のプロダクトマネージャーの Edward Fox（@edwardkenfox）です。 HTTP 304 Not Modified というステータスコードをご存知でしょうか。ブラウザがキャッシュ済みのリソースを再検証する際、サーバー

Pythonの勉強を始めたところ標準ライブラリが強力すぎて（Javascript比較）驚きました。Pythonからプログラムの勉強を始めると多言語学習に苦労するのでは無いでしょうか？ 🔖 30

Pythonの勉強を始めたところ標準ライブラリが強力すぎて（Javascript比較）驚きました。Pythonからプログラムの勉強を始めると多言語学習に苦労するのでは無いでしょうか？PythonJavaScriptプログラミング初心者独学 そういう驚きを感じられるのは、プログラマ

なぜJavaScriptのfetchはawaitを2回しないとレスポンスを取れないのか | maguro​.dev 🔖 315

const resp = await fetch("https://api.example.com/data"); await を2回書いているのが気になったことはありませんか？1回の await で一気にレスポンスボディまで取れたら楽なのに、と思ったことはないでしょうか。 とあ

Streaming JSON in just 200 lines of JavaScript 🔖 41

【Crank.js】リアクティブという欠陥を完全解決したJavaScriptフレームワーク、Crank.jsの思想と信条 🔖 46

ReactやVueとかの記事を見ていると、useMemoしろとuseMemoするなとか、イベントハンドラにuseEffectを使えとイベントハンドラにuseEffectを使うなとか、どうすりゃええねんという話をよく見かけます。 またなんか無限レンダリングされるとかなんか2回計算さ

【TypeScript】AWS SDK for JavaScript v2からv3への移行ガイド：S3・Lambda・Secrets Managerのコード比較 🔖 1

はじめにプロジェクトで使用している AWS SDK を v2 から v3 へと移行しました。v3 はモジュラアーキテクチャを採用しており、必要なパッケージのみをバンドルできるため、アプリケーションのサイズの削減やTypeScriptとの親和性向上が期待できます！しかし...

【Crank.js】リアクティブという欠陥を完全解決したJavaScriptフレームワーク、Crank.jsの思想と信条 🔖 46

ReactやVueとかの記事を見ていると、useMemoしろとuseMemoするなとか、イベントハンドラにuseEffectを使えとイベントハンドラにuseEffectを使うなとか、どうすりゃええねんという話をよく見かけます。またなんか無限レンダリングされるとかなんか2回...

わずか10KBのRAMで動く組み込みシステム向けにJavaScriptプログラムをコンパイルして実行できる「MicroQuickJS」 🔖 36

家電製品や産業機器などを制御するための組み込みシステムでは、コスト削減のためメモリの容量が限られています。近年ハードウェアの性能が向上したことにより一部でJavaScriptやPythonなどスクリプト言語がCやC++の代わり、もしくは補助として利用できるようになりました。そこで

50種類以上の商用JavaScript UIコンポーネントがオープンソースに、React、Angular、Blazor、Web Components対応。インフラジスティックスが公開 🔖 44

50種類以上の商用JavaScript UIコンポーネントがオープンソースに、React、Angular、Blazor、Web Components対応。インフラジスティックスが公開 ビジネス向けUIライブラリを提供しているインフラジスティックスは、同社が提供しているUIライブラ

2025 JavaScript Rising Stars 🔖 31

JavaScript engines zoo 🔖 16

Rails: 最新のブラウザ機能で「JavaScriptなし」のスタイル付き確認ダイアログを構築する（翻訳） 🔖 4

2026年版：JavaScript/TypeScriptのロギング入門 🔖 170

本番環境で障害が発生したとき、手がかりになるのは結局ログだけだった——という経験は、多くのエンジニアが持っているのではないでしょうか。ところが、開発中に書き散らしたconsole.logは肝心なときに役に立たないことが多いものです。「ここ通った」「動いた」といったメッセージや、巨

2026年版：JavaScript/TypeScriptのロギング入門 🔖 170

本番環境で障害が発生したとき、手がかりになるのは結局ログだけだった——という経験は、多くのエンジニアが持っているのではないでしょうか。ところが、開発中に書き散らしたconsole.logは肝心なときに役に立たないことが多いものです。「ここ通った」「動いた」といったメッセージや、巨

【JavaScript】jQuery.ajaxでFormDataを送信する際の注意点 🔖 2

ajax通信で少しハマったajax通信を使ってデータをバックエンドに送信する際、少し仕様でハマった話です。はじめにjQueryの$.ajaxを使ってFormDataオブジェクトを送信する際に、クエリパラメータが正しく送信されない問題に遭遇したので、その原因と解決方...

Vue Fes Japan 2025レポート ～Evan Youが描く、JavaScript開発ツールの理想郷 | gihyo.jp 🔖 13

Vue Fes Japan 2025レポート ～Evan Youが描く⁠⁠、JavaScript開発ツールの理想郷 2025年11月、東京で開催された「Vue Fes Japan 2025⁠」⁠。7回目を迎える日本最大のVueカンファレンスには、過去最多となる800人超の開発者が

第三者のJavaScriptをセキュアに実行するには？― exaBase Studio のプラグイン機能 🔖 19

メリークリスマス🎄 Studio Application 開発グループの吉田です。 エクサウィザーズのAdvent Calendar 25日目、最終日です！ exaBase Studio に Figma みたいなプラグイン機能を入れたい これはけっこう前からずっと頭の片隅にあった

イベントループを裏側から腹落ちさせる：JavaScriptエンジンとブラウザの役割、TaskとMicrotaskの正体 🔖 3

!この記事は毎週必ず記事がでるテックブログ Loglass Tech Blog Sprint 123週目の記事です！3年間連続達成まで残り36週となりました！ 3行まとめ：この記事で書いていること実行の順序制御はJavaScriptエンジンではなく、ホスト環境（ブラ

JavaScriptのWeb Audio APIを使ってジングルベルを演奏してみよう - iimon TECH BLOG 🔖 38

こんにちは！ｉｉｍｏｎでエンジニアをしている、でっさんです。 本記事はiimon Advent Calendar 2025　14日目の記事となります！ 今年はダイエットに挑戦したものの、チートデイを設けすぎてリバウンドしてしまいました。 来年は、みなさんの助言を真摯に受け止めてい

JavaScriptのWeb Audio APIを使ってジングルベルを演奏してみよう 🔖 38

こんにちは！ｉｉｍｏｎでエンジニアをしている、でっさんです。 本記事はiimon Advent Calendar 2025 14日目の記事となります！ 今年はダイエットに挑戦したものの、チートデイを設けすぎてリバウンドしてしまいました。 来年は、みなさんの助言を真摯に受け止めてい

V8 JavaScript engineで寒い冬を暖かく過ごしたい - iimon TECH BLOG 🔖 35

はじめに v8の概略 JavaScriptの処理ってどうなっているの？ スタック領域とヒープ領域 コールスタック タスクキューとマイクロタスクキュー イベントループ v8で遊ぶ まとめ Appendix さいごに 参考 はじめに こんにちは！ 株式会社ｉｉｍｏｎでエンジニアをして

【超わかりやすい】fetch + then + mapで擬似的なAPIを取得してTodoを表示する処理を分解して解説してみた【JavaScript】 🔖 1

はじめにJavaScript の fetch を使って API からデータを取得し、それを HTML に描画するコードの動きがよく分からなかったので、詳しく解説してみました。対象コードはこちらfunction todo() { fetch('/serv/api/...

V8 JavaScript engineで寒い冬を暖かく過ごしたい 🔖 35

はじめに v8の概略 JavaScriptの処理ってどうなっているの？ スタック領域とヒープ領域 コールスタック タスクキューとマイクロタスクキュー イベントループ v8で遊ぶ まとめ Appendix さいごに 参考 はじめに こんにちは！ 株式会社ｉｉｍｏｎでエンジニアをして

Web制作者は腕試し！ JavaScriptやReactなどのコードでキーボードのタイピング練習ができるAIアプリ -TypeQuicker 🔖 15

キーボードで文書や単語のタイピング練習をはじめ、JavaScriptやReactなどのコードでもタイピング練習ができるオンラインツールを紹介します。 タイピング練習できるサイトはたくさんありますが、本ツールはAIによる詳細な解析が大きな特徴で、単語による入力速度、誤入力のパターン

【JavaScript】単位をJSで取り扱えるようにしようという提案 🔖 40